Tuesday, July 13, 2010

Links ေတြကို Mouse နွင့္ေထာက္ရင္ Zoom ျဖစ္ေအာင္လုပ္နည္း

ဒီနည္းေလးကေတာ့ Blogger မွာ Link ေတြကို Mouse တင္လိုက္တာနဲ့ Zoom Effect နဲ့ေဖၚျပ လို့ရေအာင္လုပ္တဲ့နည္းေလးပါခင္ဗ်ား။

1) Blogger ကို Sign In ၀င္ပါ။
2) Design ကိုသြားျပီး Edit HTML ကိုသြားပါ။
3) Expand Widget Templates ကို Mark ခဲပါ။
4) ျပီးရင္ ေအာက္မွာေပးထားတဲ့ Code ေတြကိုရွာပါ။
a:hover {
color:$titlecolor;
text-decoration:underline;
}


5) ေတြ႕လို့ရွိရင္ underline ေနရာမွာ none လို့ေျပာင္းျပီး သူ႕ရဲ့ေအာက္မွာ font-size: 105%; ဆိုျပီးထည့္လိုက္ပါ။
6) ဥပမာ ကုိေေတာ့ေအာက္မွာျပထားပါတယ္ခင္ဗ်ား။
a:hover {
color:$titlecolor;
text-decoration:none;
font-size: 105%;
}
7) font-size: 105% ေနရာမွာေတာ့ ကို Zoom ခ်င္တဲ့ အရြယ္ အစားနဲ့ျပီးျပီးေျပာင္းနိုင္ပါတယ္ခင္ဗ်ား။


 ၿပီးပါၿပီ ...

0 comments:

Post a Comment

စဥ္းစားမႈမပါဘဲ သင္ယူေသာ ပညာသည္ အခ်ည္းႏွီးျဖစ္၍ ၊ ပညာမရွိဘဲ စဥ္းစားျခင္းကား အလြန္ အႏၱရာယ္ၾကီးေပသည္။ (သားၾကီး)