အေမ့သားမို ့ ေမြးေမေမကိုအရင္ဦးခ်ရွစ္ခိုးပါ၏: CSS Drop Down Menu for blogspotတည္ေဆာက္ခ်င္သူမ်ားအတြက္

Nov 30, 2011

CSS Drop Down Menu for blogspotတည္ေဆာက္ခ်င္သူမ်ားအတြက္

STEP #1 Log in to Blogger, go to Layout ->Add a Gadget of HTML/JavaScript type.
Then add this code in to it:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>bdlab.blogspot.com CSS Drop Down Menu</title>
    <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
</head>
<body bgcolor="#ffffff">



<!-- Start PureCSSMenu.com STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
 margin:0px;
 list-style:none;
 padding:0px 3px 3px 0px;
 background-color:#CC0000;
 background-repeat:repeat;
 border-color:#CECECE;
 border-width:4px;
 border-style:ridge;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
 display:block;
 zoom:1;
 position:absolute;
 z-index: 1000;
 left: 100;
 top: 200;
}
* HTML ul.pureCssMenu {position:absolute}
ul.pureCssMenu ul{
 width:85.05px;
}
ul.pureCssMenu li{
 display:block;
 margin:3px 0px 0px 3px;
 font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
 display:block;
 vertical-align:middle;
 background-color:#CC0000;
 border-width:1px;
 border-color:#CC0000;
 border-style:solid;
 text-align:left;
 text-decoration:none;
 padding:4px;
 _padding-left:0;
 font:normal 11px Verdana;
 color: #FFFFFF;
 text-decoration:none;
 cursor:pointer;
}
ul.pureCssMenu span{
 overflow:hidden;
}
ul.pureCssMenu li {
 float:left;
}
ul.pureCssMenu ul li {
 float:none;
}
ul.pureCssMenu ul a {
 text-align:left;
 white-space:nowrap;
}
ul.pureCssMenu li.sep{
 text-align:left;
 padding:0px;
 line-height:0;
 height:100%;
}
ul.pureCssMenu li.sep span{
 float:none; padding-right:0;
 width:3;
 height:100%;
 display:inline-block;
 background-color:#CECECE; background-image:none;}
ul.pureCssMenu ul li.sep span{
 width:100%;
 height:3;
}
ul.pureCssMenu li:hover{
 position:relative;
}
ul.pureCssMenu li:hover>a{
 background-color:#FF9933;
 border-color:#FFFFFF;
 border-style:solid;
 font:normal 11px Verdana;
 color: #FFFFFF;
 text-decoration:none;
}
ul.pureCssMenu li a:hover{
 position:relative;
 background-color:#FF9933;
 border-color:#FFFFFF;
 border-style:solid;
 font:normal 11px Verdana;
 color: #FFFFFF;
 text-decoration:none;
}
ul.pureCssMenu li.dis a {
 color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
 display:block;
 background-image:url(./images/arrow_sub5.gif);
 background-position:right center;
 background-repeat: no-repeat;
   padding-right:14px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
ul.pureCssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}
</style>
<!-- End PureCSSMenu.com STYLE -->



<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
 <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #1</a></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #2</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul class="pureCssMenum">
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #11</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #12</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul class="pureCssMenum">
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #14</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #15</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #16</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #17</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #13</a></li>
 </ul>
 <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #3</a></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #4</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul class="pureCssMenum">
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #18</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #19</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #20</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #21</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #22</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #23</a></li>
 </ul>
 <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #5</a></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #6</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul class="pureCssMenum">
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #24</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #25</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul class="pureCssMenum">
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #27</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #28</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #29</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #26</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul class="pureCssMenum">
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #30</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #31</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #32</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 </ul>
 <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #7</a></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #8</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul class="pureCssMenum">
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #33</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #34</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul class="pureCssMenum">
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #36</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #37</a></li>
   <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #38</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #35</a></li>
 </ul>
 <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 <li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Item #9</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 <ul class="pureCssMenum">
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #39</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #40</a></li>
  <li class="pureCssMenui"><a class="pureCssMenui" href="#">Item #41</a></li>
 </ul>
 <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->



<!-- (c) 2009, PureCSSMenu.com -->


<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>

Now Click Save လိုက္ေပါ ့ေနာ္

အဆင္ေျပျကပါေစဗ်ာ

No comments:

Zawgyi Font in an Android Device (ၿမန္မာစာ) in Burmese

Zawgyi Burmese Font ကို Android Phone ထဲ ဘယ္လိုထည့္ၿပီး ၿမန္မာစာ ဖတ္လို႔ရေအာင္ လုပ္လို႔ ရမလဲဆိုတာ ရွင္းၿပထားၿခင္း ၿဖစ္ပါတယ္။ Android Phone က Rooted လုပ္ထားၿပီးသားၿဖစ္ရပါမယ္။ (၁) Phone ထဲက Android market မွာ Font Changer ကို Download လုပ္ၿပီး Install လုပ္ပါ။ (၂) Phone နဲ႔ Computer ကို USB ႀကိဳးနဲ႔ခ်ိပ္ၿပီး Phone internal Storage or SD card ထဲက .fontchanger Folder မွာ zawgyi-one.ttf font ကို ထည့္ပါ (၃) ဖုန္းေပၚက Font Changer App ကိုဖြင့္ Zawgyi One ကို ေၿပာင္းၿပီး Save လုပ္ပါ။ Download Zawgyi One Font : [ http://unobusa.org/wp-content/uploads/2009/10/Zawgyi-One-20051130.ttf ]

ကြ်န္ေတာ္၏စိတ္ထားေလးပါ

ငါဟာမနက္ျဖန္ကိုမေငးတက္ခဲ့ေပမဲ့ ေငးေနသူေတြကိုရည္ရြယ္တယ္ ဒီလယ္ကြင္းျပင္မွာႏြားေက်ာင္းေနရေပမဲ ့ အေတြးေတြကငါ့ထက္သာေနပါေစသူတစ္ျပန္ကိုယ္တစ္ျပန္ပိုပိုလွပေနႏွိဳင္ေစဖို ့ပါကြယ္...လေရာင္ရႊဲတဲ႕ ေမတၱာတရားေတြ အၿပိဳင္းအရိုင္း ဖူးပြင္႕ေနႀကပါေစဗ်ာ

ေလ့လာသင့္ေသာအြန္လိုင္း၀က္ဆိုက္မ်ား

[X]

အေမ့သားေနလင္းျဖိဳးဆိုက္ေလးသို ့ေရာက္ရိွလာၾကကုန္ေသာသူငယ္ခ်င္းမ်ားအားလံုးမိတ္ေဆြမ်ားအားလံုးဆရာမ်ားအားလံုးကိုရိုၾကိဳဆိုပါတယ္ေနာ္..လိုအပ္တာေလးမ်ားရိွရင္လည္းေျပာၾကားေပးပါအံုးေနာ္ခင္ဗ်အခုမွအပ်ံသင္ခါစ..ငွက္ငယ္ေလးတစ္ေကာင့္မို ့ပါေနာ္ခင္မင္ေလးစားစြာျဖင္ ့ေနလင္းျဖိဳး

ေၾသာ္.ဒီဇင္ဘာတဲ ့လားေလ.... မ်က္၀န္းရွတတေလးကိုတံခါးဖြင့္ တစ္ေလာကလံုးကိုေငးေနေပမဲ ့ တစ္ကယ္ခ်စ္လာေမးျဖစ္လာတဲ ့ ဖြဖြသိပ္အျပံဳးေတြလမင္းေလးေရ ငါ့ရင္ကိုျပိဳးျပိဳးပ်က္ပ်က္ျမင္လို ့လားေနာ္ (ေနလင္းျဖိဳး)

အရာရာအဆင္ေျပပါေစဗ်ာ

အေမ့အတြက္ရင္တြင္းမွကြဲအပ္သံ....

အေမ လြမ္းေနရရံုပဲ တတ္ႏိုင္ခဲ႔သူပါ ကန္႔သတ္ခ်ဳပ္ေႏွာင္မႈေတြၾကား အခ်ိန္ဆိုတဲ႔ စည္းႀကီးတားထားလုိ႔ ေနခ်င္ခဲ ့တဲ႔အေဖ ့အနား..။။ စိတ္ကူးယဥ္ေနရရံုပဲ တတ္ႏိုင္ခဲ႔သူပါ ေနရာေဒသကဲြလြဲမႈေတြၾကား ပင္လယ္ဆုိတဲ႔ စည္းႀကီးျခားထားလုိ႔ သားေပ်ာ္ရႊင္ခဲ ့ပါျပီအေမ့အနား....။။ ေလာကဟင္းလင္ျပင္အထဲ ေရလုိက္ငါးလုိက္ေနရေအာင္ ဘဝဆုိတာ စမ္းေခ်ာင္းငယ္မဟုတ္မွန္း သား ခန္႔မွန္းႏုိင္ပါတယ္အေမ ေလထန္လႈိင္းၾကမ္းအရိွန္ျပင္းလွ ပင္လယ္ရုိင္းႀကီးမွာအေမနဲ့ခြဲျပီး သား… မနစ္မြန္းပါဘူး..ယံုျကည္ပါေနာ္..။ ေအာင္ျမင္မႈေတြၾကားေတြထဲ မမိန္းေမာတဲ႔ အေမ႔သားေပါ ့ အျပံဳးမပ်က္..မာန္တစ္၀င္း၀င္းနဲ ့ ခုခ်ိန္ထိ ရုန္းကန္လႈပ္ရွားဆဲ စိတ္ခ်ထားလုိက္ပါ အေမရယ္…. ရင္ထဲကခံယူခ်က္ေတြအတြက္ အေသြးအသားေတြ ရုန္းၾကြေနသေရႊ႕ ဒုကၡဆုိတာ ထည္လဲေတြ႔ေစဦး ေသြးမနည္းတက္တဲ႔အေမ႔သား ဒီေလာကျကီးထဲအလဲထိုးျကေစအံုး ဘယ္ေတာ႔မွ က်ရႈံူးမသြားေစရဘူး စိတ္ခ်ပါအေမရယ္..အျပံဳးမပ်ယ္ အေမ့ထာ၀ရဒီ ့ထက္မကျပံဳးႏွုိင္ေစဖို့ အားမန္ေတြသြင္း..ဒီစာေလးေတြသီရင္း မနက္ျဖန္ေတြကိုအားေမြးခ်င္ရဲ ့ေနာ္အေမ.....။။ ခင္မင္ေလးစားစြာျဖင္ ့အေမ့သားေနလင္းျဖိဳး

အေမ့သားမို ့ ေမြးေမေမကိုအရင္ဦးခ်ရွစ္ခိုးပါ၏

Pages

Nov 30, 2011

CSS Drop Down Menu for blogspotတည္ေဆာက္ခ်င္သူမ်ားအတြက္

No comments:

Post a Comment

Total Pageviews