Side Bar မွာ ထင္ေပၚေနတဲ့ Menu ထည့္မယ္
undefined undefined,
undefined
undefined
သင့္ရဲ႕ ဘေလာခ့္ Side Bar မွာ Coustomized Side Menu ထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္က Code ေတြကို ကူးယူၿပီး သင့္ဘေလာ့ခ္ရဲ႕ Side Bar မွာ သြင္းလိုက္ယံုပါပဲ...။ သြင္းခ်င္တယ္ဆိုရေတာ့ အရင္ ဆံုး Log -In ၀င္လိုက္ပါ ၿပီးရင္ ....။ Layout-->Add Page Element-->HTML/Javascript ကိုေရြးၿပီး ေအာက္က Code ေတြ ကို ကူးထည့္ၿပီး Save မွတ္လိုက္ရင္ ေပၚလာပါလိမ့္မယ္...။ ခရမ္းေရာင္ ကာလာနဲ႕ဟာကေတာ့ သင္ေျပာင္းခ်င္ သလို ေျပာင္းလဲ အသံုးျပဳနိုင္ပါတယ္...။ အဆင္ေျပမယ္လို႕ ေမွ်ာ္လင့္မိပါတယ္...။
<center><div id="menu">
<ul>
<li><a class="current" href="http://www.moeeaintphyu.net">home</a></li>
<li><a href="http://www.nweyoe.net">Nweyoe</a></li>
<li><a href="http://www.zaung.net">Zaung</a></li>
<li><a href="http://www.moetaukkyae.blogspot.com/">moetaukkyae</a></li>
<li><a href="http://www.moeeaintphyu.net">contact us</a></li>
</ul>
</div></center>
<style>
/* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
Widget From http://moeeaintphyu.net
----------------------------*/
*{
margin:0;
padding:0;
}
#menu{
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet.jpg) no-repeat;
width:172px;
height:191px;
padding:15px;
}
#menu ul{
list-style:none;
padding:0 0 0 8px;
}
#menu li{
list-style:none;
display:block;
padding:10px 0;
}
#menu li a{
list-style:none;
display:block;
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet1.gif) no-repeat left center;
color:#ffe991;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
line-height:1.2em;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a:hover{
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
#menu li .current{
list-style:none;
display:block;
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.gif) no-repeat left center;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
text-decoration:none;
padding:0 5px 0 25px;
}
#menu li a.current, #menu li a:hover.current{
background:url(http://i361.photobucket.com/albums/oo59/valantino-rudy/moeeaintphyunet2.gif) no-repeat left center;
color:#fff;
text-decoration:none;
}
</style>
This entry was posted
on 00:29
and is filed under
Blog Help
.
You can leave a response
and follow any responses to this entry through the
Subscribe to:
Post Comments (Atom)
.
Filed under
Blog Help
0 comments