Labels

Sunday, August 15, 2010

kp3နည္းပညာ၊၂၉၇၊ဘေလာ့မွာ kp-3 ရဲ႕ Menu အသစ္ေလးသံုးခ်င္ရင္




kp3နည္းပညာ၊၂၉၇၊ဘေလာ့မွာ kp-3 ရဲ႕ Menu အသစ္ေလးသံုးခ်င္ရင္

                  အခုတင္တဲ့Postေလးကေတာ့Kp-3မိသားစုအသစ္သံုးေနတဲ့HorizontalMenuအသစ္ေလးပါ၊ ၾကိဳက္ၾကမယ္လို႕ လည္းေမ်ာ္လင့္ပါတယ္။မိမိရဲဲ႕ဘေလာ့HTML-CodeထဲCssမွာ၀င္စရာမလိုဘဲနဲ႕ADD A GADGETကေနထည့္လိုက္ရင္ျပီးပါျပီ။ရွင္းရွင္းေလးပါဘဲလင့္ခ္နဲ႕တခါထဲတြဲထားပါတယ္။
မိမိထားခ်င္တဲ့ေနရာမွာလြယ္ကူစြာေရြ႕လို႕ရပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခ်စ္ခင္ေလးစားလွ်က္ kp3မိသားစု၊ေအာက္မွာပံုနဲ႕တကြCode



မွတ္ခ်က္။ ။http://kp3family.blogspot.com နဲ႕kp3family ေနရာေတြမွာမိမိရဲ႕လင့္ခ္ေတြကိုအစားထိုးေပးလိုက္ပါ။
  1. <style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #555; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <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>   
  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> <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></li></ul></div>  
<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #555; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <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>   <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></li></ul></div>



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