ဘေလာ့မွာလြယ္ကူတဲ့ NAVIGATION BUTTONS Menu ေလးသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ အရမ္းလည္းရွင္းပါတယ္၊ ေအာက္မွာဥပမာပံုေလးလည္းျပထားေပးပါတယ္။ သြားၾကည့္လို့ရေအာင္လည္း DEMO လင့္ခ္ေလးပါထားေပးပါတယ္။ေအာက္မွာထည့္နည္းေလးနဲ့တကြပံု
ဒီမွာသြားၾကည့္ပါ။
၁။ Layout
၂။Edit HTML
ေအာက္က Code ကိုရွာပါ။
]]></b:skin>ေတြ့ျပီဆိုရင္အေပၚမွာေအာက္က Css Code ကိုထည့္ပါ။
ul#list-nav {ေနာက္တဆင့္
list-style:none;
margin:5px;
padding:0;
width:510px
}
ul#list-nav li {
display:inline
}
ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#333;
color:#eee;
floateft;
text-align:center;
border-left:1px solid #fff;
}
ul#list-nav li a:hover {
background:#00FF00;
color:#6600CC;
}
၃။Layout
၄။Add a Gadget
၅။HTML/JavaScript Add မွာေအာက္က Menu Code ေတြမိမိထားခ်င္သည့္ေန၇ာမွာထည့္ေပးလိုက္ပါ။
<ul id="list-nav">
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">မုူလစာမ်က္နာ</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">သတင္း</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အႏုပညာ</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">အားကစား</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">နည္းပညာမ်ား</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">ဘေလာ့ဂါ</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">ဗဟုသုတ</a></li>
<li><a href="ဤေနရာမွာလင့္ခ္ထည့္ပါ#">ဆက္သြယ္ရန္</a></li>
</ul>
၆။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
0 comments:
Post a Comment