HORIZONTAL MENU အသစ္ေလးသံုးခ်င္ရင္

kp3နည္းပညာ

          အခုတင္တဲ့Menuေလးကလည္းအသစ္ေလးပါဘဲ။ၾကိဳက္ၾကမယ္ထင္လို႕တင္လိုက္တာပါ၊ဘေလာ့နဲ႕  ၀က္ဆိုက္ဒ္ေတြကိုပိုျပီးျပည့္စံုေအာင္နဲ႕လွပသြားဖို႕အဓိကက်တာကMenuလို႕ေျပာရင္ရပါတယ္။ ဒါေၾကာင့္KP-3ကMenuကိုဦးစားေပးတင္လွ်က္ရွိပါတယ္၊ ေအာက္မွာနမူနာၾကည့္လို႕ရေအာင္လည္းပံုနဲ႕တကြျပထားပါတယ္။

CSS Code နဲ႕တြဲထားေပးပါတယ္။လြယ္ကူေအာင္ေပါ့ေနာ္။

မွတ္ခ်က္။  ။http://kp3family.blogspot.comနဲ႕kp3familyေနရာေတြမွာမိမိရဲ႕လင့္ခ္ေတြအစားထိုးေပးပါ။

view plainprint?

1. <style> #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsE li { display:inline; margin:0; padding:0; } #tabsE a { float:left; background:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQujt5iooN_jfpTOZlKxXYuyUMo1XmYk-rO1LVzOYVPCL-LOaH5rE0mikEtUQ5_pAz6aXLLTh0vNbL1J7e6F5VctLaXL-ULxn1LOSLi8gPXXwjBVRRjymhcV45Tgv9qM3OvIk_fXENwyw/s1600/tableftE.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsE a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92XMOmTwIb-YrI8HxLoBLqauLBQPrVwghszbPBQLkH1eDMe_sT4CdrA5KMLl0kfPFYZCTdhVQsastk0ZqdKPpQZ5eC8425ZiYkqIQXOPFYnOMiHRz-EyxuQ1JLBCPzZqkO7Vu8Y1pKSM/s1600/tabrightE.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; } #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { background-position:100% -42px; } </style> <div id="tabsE"> <ul>  
2.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
3.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
4. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
5.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
6. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
7.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
8.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
9.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
10. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
11.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>   
12. <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
13.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>  
14.  <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> </ul> </div>  
15.    

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊