Shwe Min Wun
HOME
BLOGGER
E.BOOK
HOW TO
MOBILE
OTHERS
SITE MAP
SOFTWARE
WINDOW
03/07/2013
မိမိဘေလာ.ကိုအလွဆင္ဖို.Floating menu အလန္းစားေလး
Floating menu ေလးတစ္ခုသေဘာက်လို.ျပန္ျပီးမွ်ေ၀လိုက္ပါတယ္..
မိမိဘေလာ.မွာ Sub Menu /Title လိုမ်ိဳးခြဲထားလို.ရပါတယ္..
HTML ထဲ၀င္စရာမလိုပဲအလြယ္တစ္ကူထည္.နိုင္တဲ.Widget ေလးတစ္ခုပါ..
.ထည္.ခ်င္တယ္ဆိုရင္ေတာ.ေအာက္ကကုဒ္ေတြေကာ္ ပီကူးလိုက္ပါ..။
ျပီးရင္
Add aGadget>HTML/Java Script
ကေနထည္.ပါ..။
<style text-type="CSS"> #btfmenu{ position:fixed; right:5px; center:0px; background-color:#000; border-radius:10px; -moz-border-radius:10px; border:1px solid #FFF; width:202px; height:20px; color:#FF0606; transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;} #btfmenu h3{ margin:0; padding:0; text-align:center; cursor:pointer;} #btfmenu ul{ border-radius:10px;-moz-border-radius:10px; border:2px solid #FFf; background-color:#FF0606; margin:15px 0; padding:0 15px;} #btfmenu li{list-style:none;margin:0 0 5px;padding:0;} #btfmenu li a{ color:#000; text-decoration:none; font-size:14px;} #btfmenu li a:hover{ color:#fff;} #btfmenu:hover{ z-index:5; height:175px; </style> <div id="btfmenu"> <h3> TITLE</h3> <ul> <li><a href="#">BTF-1</a></li> <li><a href="#">BTF-2</a></li> <li><a href="#">BTF-3</a></li> <li><a href="#">BTF-4</a></li> <li><a href="#">BTF-5</a></li> </ul> </div>
အနီေရာင္နဲ
right
ဆိုတဲ.ေနရာမွာကိုယ္.ဘေလာ.မွာေပၚေစခ်င္တဲ.ဖက္ကိုေရြးေပးလိုက္ပါ..
#000
ဆိုတဲ.ေနရာမွာကိုယ္ေျပာင္းခ်င္တဲ.background-colorကိုေျပာင္းေပးပါ..
ျမွားျပထားတဲ.ေနရာေတြမွာကိုယ္ရဲ.လင္.ခ္နဲ.ေခါင္းစဥ္ေတြအစားထိုးေပးပါ...
No comments :
No comments :