kp3နည္းပညာ၊၂၁၇၊ဘေလာ့မွာNAVIGATION BUTTONS Menu ေလးသံုးခ်င္ရင္

ဘေလာ့မွာလြယ္ကူတဲ့ 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မိသားစု

Related Post

Posted in: MENU