Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

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

Reactions:

0 comments:

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။