ဘေလာ့မွာလြယ္ကူတဲ့ 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
MENU
- Kp3နည္းပညာ၊၄၈၅၊AUniqueStyleDropDownBarNavigationMenuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၅၊ဘေလာ့မွာFacebookStyleDropDownMenuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Accordion Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၄၇၁၊ဘေလာ့မွာCSS3 Multi Level Drop Down Menu သံုးနည္း
- Kp3နည္းပညာ၊၄၃ဝ၊Kp-3 Blue Tabbed Drop Down
- Kp3နည္းပညာ၊၄၂၆၊Kp-3 Grey Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၅၊Kp-3 Green Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၄၊Kp-3 Blue Impression Drop Down Menu
- Kp3နည္းပညာ၊၄၂၃၊Kp-3 Blue Center Drop Bar Menu
- Kp3နည္းပညာ၊၄၂ဝ၊Kp-3 Sunrise Gloss Drop Down Menus
- Kp3နည္းပညာ၊၄၁၉၊Kp-3 Massive Blue Drop Down menu
- Kp3နည္းပညာ၊၃၉၃၊ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၉၂၊ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၆၃၊Kp-3 ရဲ႕ Vertical Dropdown Menu ေလးသံုးခ်င္ရင္
- Kp3နည္းပညာ၊၃၅၉၊ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၃၁၉၊ဘေလာ့မွာ KP-3Horizontal ေလးထည့္နည္း
- kp3နည္းပညာ၊၃၁၂၊KP-3 ရဲ႕ HORIZONTAL MENU အသစ္ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၂၉၇၊ဘေလာ့မွာ kp-3 ရဲ႕ Menu အသစ္ေလးသံုးခ်င္ရင္
- kp3နည္းပညာ၊၂၆၇၊ဘေလာ့အတြက္ KP-3 Horizontal Tabs Menu ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၅၄၊ဘေလာ့မွာလြယ္ကူတဲ ့KP-3ရဲ ့Horizontal CSS menu ေလးထည့္နည္း
- kp3နည္းပညာ၊၂၅၁၊ဘေလာ့မွာ KP-3 ရဲ႕ Horizontal Menu အသစ္ေလးသံုးခ်င္၇င္
- kp3နည္းပညာ၊၂၅၀၊ဘေလာ့မွာ KP-3 ရဲ႕ Drop Down Menu အသစ္ေလးသံုးခ်င္၇င္
- kp3နည္းပညာ၊၂၄၂၊ဘေလာ့မွာ Dancing Links လို႕ေခၚတဲ့ Jquery Link Nudging ေလးသံုးနည္း
- kp3နည္းပညာ၊၂၄၁၊ဘေလာ့မွာ CSS-driven tabs Menu ေလးထည့္နည္း
0 comments:
Post a Comment
မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။