Monday 27 May 2013

Blog မွာ ေမာက္ Cursor ထည့္ခ်င္ရင္


ကြ်န္ေတာ္ဒီေန႕ေတာ့ Blog မွာ ေမာက္ Cursor ထည့္နည္းေလး ေျပာျပခ်င္ပါတယ္။သိျပီးသားလူေတြေတာ့ မ်ားမွာပါ။

ခုက မသိေသးတဲ့ သူငယ္ခ်င္းေတြအတြက္ ရည္ရြယ္ျပီး တင္ေပးလိုက္တာပါ။ ရိုးရိုးအတိုင္းက ပံုမွန္ဆို ျမားပံုေလးျဖစ္ျပီး

လင့္ကို ေထာက္လိုက္ရင္ လက္ဝါးပံုေလးေပၚပါတယ္။အဲဒီ ေမာက္ Cursor ၂ ခုကို ကိုယ္ႀကိဳက္တဲ့ ပံုေလးေတြ ေျပာင္းျပီး

သံုးခ်င္ရင္ပါ။ နမူနာႀကည့္ခ်င္ရင္ ကြ်န္ေတာ့္ဆိုဒ္မွာလည္း သံုးထားပါတယ္။ ႀကိဳက္တယ္ဆုိရင္ ဒီေအာက္က ကုတ္ကို

Design >> Layout >> Add a Gadget >> HTML/Javascript  မွာ သြားျပီး ထည့္ေပးလိုက္ရံုပါပဲ..။

အသံုးျပဳရန္ CSS ကုတ္

<style>
body {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWgp52KjroqpVaEEqCieFpBXJpo7QuBULBU6bSeXl_RAeUFhyIVuILCX2wDGtZYRQnNV2iI7ELzdZkEHB3F6v_6deiLmdGcmrWbq_oVVfo_guqLYkoyC5si9QJ6ujdQ4p6G-wdqDgNFCq/s1600/11317.png), default;}

a:hover {
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihr7KN5qRfA5-EbATcn5ukPgKiedJN-yDVzqbaHREqmrDFIkLpMnovF2J9BCg4TfKloyDKBmS5FbpbfhdX0NyiORiy496BxBw9WHde_aHHRfryvLax7YUDx8pgirJ73WuebBdQVh6z9wRS/s1600/005.png), pointer;}
</style>

ပံုကေတာ့ ကိုယ္ ႀကိဳက္ႏွစ္သက္တဲ့ ပံုလင့္ေျပာင္းထည့္ျပီး သံုးႏုိင္ပါတယ္။ ေအာက္မွာ ကြ်န္ေတာ္ စုထားတဲ့ ပံုေလးေတြ

တင္ေပးလိုက္ပါတယ္ေနာ္..။ ေဒါင္းလုပ္ဆြဲျပီးေတာ့ ကိုယ္ႀကိဳက္တဲ့ ပံုကို လင့္ထုတ္ျပီး ေျပာင္းသံုးလိုက္ပါ။

အသည္းပံုေလးေတြ ေဒါင္းရန္ ဒီေနရာေလးကို ႏွိပ္ပါ။

လက္ဝါးပံုေလးေတြလိုခ်င္ရင္ ဒီေနရာေလးကို ႏွိပ္ပါ။

ေအာက္မွာျပထားတဲ့  ပံုေလးေတြ လိုခ်င္တယ္ဆိုရင္ ဒီေနရာေလးကို ႏွိပ္ျပီး ေဒါင္းယူႏုိင္ပါတယ္...။

မွတ္ခ်က္။       ။ ဒီကုတ္ကို CSS ကုတ္ အလုပ္လုပ္တဲ့ ဘယ္ဆုိဒ္မွာ မဆို သံုးလို႕ ရပါတယ္ေနာ္..



သူငယ္ခ်င္းမ်ား အားလံုးပဲ အဆင္ေျပႀကပါေစလို႕ ဆုေတာင္းေပးလိုက္ပါတယ္။ ေပ်ာ္ရႊင္ပါေစ..

No comments:

Post a Comment

Comment မ်ားအား စစ္ေဆးျပီးမွသာ အတည္ျပဳေပးမည္။