#Label1 ul{ max-height:200px; overflow:auto; } #Label1 ul::-webkit-scrollbar { height:12px; width: 12px; background: #333;} ::-webkit-scrollbar-thumb { background-color: #ccc; -moz-border-radius: 10px; border-radius: 10px; }

Tuesday, April 12, 2016

အလြယ္ကူဆုံး Button Tab Menu ထည့္နည္းလာျပီေနာ္

ကဲဗ်ာ ဘေလာ့ကာ မိတ္ေဆံအေပါင္းတို႕အတြက္ သတင္းေကာင္း နည္းလမ္းေကာင္းေလးတစိခု
မွ်ေ၀ လုိက္ပါရေစ... ဘေလာ့မွာ ေခါင္းစဥ္လို႕ေခၚတဲ့ Tab Menu အတြက္ရင္ေလးေနေစတဲ့သူမ်ားအတြက္ပါ.. ကြ်န္ေတာ္ အရင္ပို႕စ္ေတြမွာလဲ Menu အေၾကာင္းအေတာ္မ်ားမ်ား တင္ျပခဲ့ဘူးပါျပီ... ဒါေလးကေတာ့ သူတို႕နဲ႕မတူ တမူထူးျခားဆိုသလိုေပါ့... အရမ္းကို လြယ္ကူျပီး ရိုးးရွင္းလြန္းလွပါတယ္... အမွန္တကယ္လဲ
လိုအပ္တဲ့ နည္းလမ္းေလးဆို မမွားပါဘူးး  ဘာေၾကာင့္ဆိုေတာ့  တက္ပလက္ ေတြဟာ  Tab Menu
ေအာ္တိုမပါတတ္သလို ပါလာတာက်ေတာ့လဲ မႏွစ္သက္တတ္ၾကတဲ့ ျပႆနာေလးေတြ ကြ်န္ေတာ္ကိုယ္တိုင္ပင္ ၾကံဳဘူးပါရဲ႕... အဲအတြက္ ေထာက္ထားစာနာလို႕ မွ်ေ၀တင္ျပလိုက္ရပါတယ္... ဒါကေတာ့ ကြ်န္ေတာ့အေနနဲ႕ေတာ့..  ေတြ႕သမွ်...သိသမွ်
အရိုးရွင္းးဆုံးး  အလြယ္ကူးဆုံးးလို႕ဘဲ   ယူဆမိပါတယ္...သူက Button ပုံစံေလးနဲ႕မို႕
လွလည္းလွတယ္ဗ်ာ.. Dropdown မဟုတ္ေပမယ့့္   အရမ္းလွပါတယ္... အေပၚပုံေလးအတိုင္းပါဘဲ
လုပ္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ေလ့လာပါ...

ထည့္နည္းးးးးးးးးးး


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


<a href="#"><button>မူလစာမ်က္ႏွာ</button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ဘေလာ့ပညာမ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">ေဆာ့၀ဲလ္မ်ား</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Gmail-Gtalk</span></button></a>

<a href="#"target="new"><button><span style="color: rgb(51, 51, 255);">Facebook</span></button></a>

<a href="#"><button><span style="color: rgb(51, 51, 255);">နည္းလမ္းေထြေထြ</span></button></a>


ေနာက္ထပ္ တိုးပြါးလိုအပ္ပါက ေအာက္ကေန လိုသေလာက္ပြါးးမာ်းနိဳင္ပါတယ္.. ေအာက္ကကုဒ္ကို ယူပြါးလိုက္ၾကပါေနာ္...

<a href="မိမိေခါင္းစဥ္ရဲ႕ URL လင့္"target="new"><button><span style="color: rgb(51, 51, 255);">ေခါင္းစဥ္အမည္</span></button></a>


မွတ္ခ်က္    ။            ။  #  သည္ေနရာမွာ မိမိတို႕ လင့္ေတြကိုအစားထိုးပါ။
                                   ေခါင္းစဥ္အမည္ေတြေတာ့ ၾကိဳက္ရာေရးနိဳင္ပါတယ္...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။

No comments:

Post a Comment