..စမ္းသပ္ၿခင္းၿဖစ္ေနလို႕ သီးခံအၾကံေပးက်ပါခင္ဗ်ာ ခ်မ္းေျမ့ပါေစ


လာေရာက္လည္ပတ္သူအားလံုးကိုေဗဒါအိုင္တီနည္းပညာစမ္းသပ္ ၿခင္းမွထူးေက်းဇူးတင္ရိွပါတယ္ခင္ ဗ်ာ



glitter-graphics.com

Sunday, December 9, 2012

Multi Color Advanced Css3 Menu





ကဲမိတ္ေဆြတို႕ သေဘာၾက ႏွစ္သက္မယ္လို႕ ေမွ်ာ္လင့္ရင္း  menu လွလွေလးတခု ေတြ႕တာနဲ႕
ျပန္လည္ မွ်ေ၀လုိက္ပါတယ္ေနာ္.. လုပ္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ေသျခာ ေလ့လာ လိုက္ပါ..


►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  Expand  Widget  Template  ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
                                                                                                                               


   ]]></b:skin> ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚကပ္လ်က္ ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို ထည့္ေပးလုိက္ပါ


save template လုပ္ေပးလိုက္ပါေနာ္... ေနာက္တဆင့္ ထပ္လုပ္လိုက္ပါ... ေအာက္မွာ
   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့
   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5.  ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

မွတ္ခ်က္  ။    ။ ပုံစံ ႏွစ္မ်ိဳး ေပးးထားပါတယ္ ၾကိဳက္တဲ့ ပုံစံရဲ႕ ကုဒ္ကို သုံးလိူုက္ပါ။

 ဒါေလးေကတာ့   Light menu  အတြက္ ကုဒ္ေလးေတြ နဲ႕ ပုံစံပါ ..

css3+light+menu
<ul class="cbdb-menu">

  <li><a href="#" class="red">Home</a> </li>
  <li><a href="#" class="green">Download</a></li>
  <li><a href="#" class="yellow">Design</a></li>
  <li><a href="#" class="cyan">About Us</a> </li>
  <li><a href="http://www.bloggertrix.com/" class="blue">Contact Us</a></li>

</ul>

ဒါေလးကေတာ့  Dark menu  စတိုင္ေလးနဲ႕  ကုဒ္ေတြပါ ...
css3+dark+menu
<ul class="cbdb-menu">
  <li><a href="#" class="red dark">Home</a> </li>
  <li><a href="#" class="green dark">Download</a></li>
  <li><a href="#" class="yellow dark">Design</a></li>
  <li><a href="#" class="cyan dark">About Us</a> </li>
  <li><a href="http://www.bloggertrix.com/" class="blue dark">Contact US</a></li>
  </li>
</ul>

မိမိတို႕ စိတ္ၾကိဳက္ ပုံစံကို ထည့္ျုပီးတာနဲ႕  save ေပးနိဳင္ပါျပီ

   ေခါင္းစဥ္နဲ႕ ပို႕စ္ လင့္ခ်ိတ္နည္းကို မသိေသးသူမ်ားအတြက္ ေလ့လာနိဳင္ရန္

လင့္ခ်ိတ္နည္း (၁)
============
http://aungsanmks.blogspot.com/2012/10/labels_1084.html
လင့္ခ်ိတ္နည္း (၂)
============
http://aungsanmks.blogspot.com/2012/10/blog-post_12.html


ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..
<<<မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္>>>
ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။ လယ္တီေျမသား www.ledimyethar.com ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/ မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/ ဓမၼႏွင့္စာေပနန္းေတာ္ http://ninilayy.blogspot.com/

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...