kp3နည္းပညာ၊၃၁၂၊KP-3 ရဲ႕ HORIZONTAL MENU အသစ္ေလးသံုးခ်င္ရင္

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

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

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

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuStON11id958Sp2ob5GONrEuORC3M1cbcYsZzP6smxwIlHvBFpXDaVqZx6PXKZVySo_YPmBRBYBEP51byM8Wl3S1Pdgwp_eM9XIeFYcIzyCsVY-9t7LdeBZwfKU5ZSc5nQ5t6NwXRCSk/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/AVvXsEhjmu-JgubM6Aol9X5r1opz7llprE8IjaqLq3wZ0ZtNA_7MzkyQcqdc0FGxuEFghhXihbj3B7EyF0EaST8AWrYqTJofYztoGWi0uWbS9x0F1g0T4YsPaTRV_SNsYt0V-wpKOUaMtXqF2_s/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>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> 
<li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> 
<li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> 
<li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> 
<li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li>
 <li><a href="http://kp3family.blogspot.com#"><span>kp3family</span></a></li> </ul> </div>
 

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Posted in: MENU