Button Hover Style လွလွေလးဖန္တီးၾကစို႕

လယ္တီေျမသား

 

ေဆာ့၀ဲလ္ျမိဳ႕ေတာ္

ကဲသည္လို Button Hover ေလးေတြနဲ႕ ေရးၾကမယ္ဆိုရင္ နည္းလမ္းေလးကို မွ်ေ၀လုိက္ရပါတယ္...လုပ္နည္းေလးကလဲ လြယ္ကူပါတယ္... ပထမဆုံးေအနနဲ႕..

►1-  Blogger Singin ၀င္လိုက္ပါ။

►2-  DASHBOARD ကိုသြားလိုက္ပါ။

►3-  LAYOUT    ကိုကလစ္ပါ..။

►4-  EDIT HTML  ကို၀င္ပါ..

►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

             ]]></b:skin>   ကုဒ္ေလးကိုရွာလိုက္ပါေနာ္...ေတြ႕ျပီဆိုတာနဲ႕

သူ႕အေပၚမွာ ကပ္လွ်က္  ေအာက္ကဇယားထဲကကုဒ္ေတြကို ထည့္ေပးလုိက္ပါ။

 

.hb-buttons{

background-color:#4b3f39;

font-family: 'Verdana', sans-serif;
font-size:12px;

none;
color:#fff;
pos
text-decoration
:ition:relative;
padding:10px 20px;

: linear-gradient(b
padding-right:50px;
background-imag
eottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);

x #9e8d84, 0px 5px 
border-radius: 5px;
box-shadow: inset 0px 1px 0
p0px 0px #322620, 0px 10px 5px #999;
}

.hb-buttons:active {

46) 100%
top:3px;
background-image: linear-gradient(bottom, rgb(62,51
,, rgb(101,86,78) 0%);

px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}

.hb-buttons:before 
box-shadow: inset 0px 
1{
background-color:#322620;

lh3.googleusercontent.com/-LtgkrgnPcmI/TzzVm8tvg7I/AAAAAAAAA4Y/SO04mp9dcts/h80/helper-blogger-right-arrow.png);
background-repeat:no-repeat;
background-image:url(https:/
/
background-position:center center;
content:"";
width:20px;
height:20px;
position:absolute;
right:15px;
top:50%;
margin-top:-9px;
border-radius: 50%;

27066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}
box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}

.hb-buttons:active::before {
top:50%;
margin-top:-12px;
box-shadow: inset 0px 1px 0px #

8

အိုေကျပီးးတာနဲ႕ save template လု္ပလိုက္ပါေတာ့... ကဲစမယ္ေနာ္..

Button လွလွေလးေတြနဲ႕ လင့္ညႊန္ဖို႕...ေအာက္ကကုဒ္ေလးကိုဘဲ သုံးလုိက္ပါ..

<a href="လင့္ကိုသည္မွာထည့္ပါ" class="hb-buttons">အမည္ထည့္ပါ</a>

အသုံးျပဳနည္း  ။     ။

   ►1.  Login လုပ္လုိက္ပါ ဘေလာ့ကာကို

   ►2.  Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕  Dashboard ကေနေပါ့

   ►3.  Add a Gadget ကိုကလစ္ေပးလုိက္ပါ

   ►4.  HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲထည့္ေရးလိုက္ပါ။

 

အဆင္ေျပပါတယ္..

အဆင္ေျပမယ္လို႕႔ ေမွ်ာ္လင့္ပါတယ္ေနာ္...

အခက္ခဲရွိပါက c-box မွာေအာ္ခဲ့ၾကပါ..

ေအာင္ေအာင္ိ(မကစ)