ปกติเคอร์เซอร์จะเป็นรูปหัวลูกศร   หากจะเปลี่ยนเป็นรูปอื่นได้หรือไม่ ?   ได้ค่ะ

วันนี้จะมาลองเปลี่ยนเคอร์เซอร์เป็นรูปแมวน้อยในอิริยาบทต่างๆกันค่ะ

  

                                                    

                                                                              

 

 มีขั้นตอนดังนี้

 

1. อยู่ที่บล็อกที่ต้องการเปลี่ยนเคอร์เซอร์ 

ไปที่   เมนูทางลัด   =>  จัดการบล็อก   แล้วเลือก    ตกแต่งบล็อก    ดังรูป

 

  

 

 

 

   

2. จะเข้ามาที่หน้า  แก้ไขชุดตกแต่ง     แล้วเลือก  แก้ไข css ที่ตกแต่งมาเอง  ดังรูป

 		  

 

 

 

    

3.ให้ copy code ของ css   ที่อยู่ข้างล่างตามรูปแมวที่ต้องการ

  นำไปวางในกรอบสี่เหลี่ยมของ   CSS  ที่ตกแต่งมาเอง    คลิกเลือก  บันทึก CSS   ดังรูป  

  

 

 

 

  เป็นอันเสร็จสมบูรณ์ จะได้เคอร์เซอร์เป็นรูปแมวตามที่เลือกข้างล่างนี้  

  

 

 

  ลอง copy code ต่อไปนี้ไปใช้ได้เลยค่ะ     

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11630a/image.gif") !important;}

 

  

 

 

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11465a/image.gif") !important;}

 

  

 

 

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11464a/image.gif") !important;}

 

  

 

 

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11631a/image.gif") !important;}

 

  

 

 

 

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11904a/image.gif") !important;}

 

  

 

 

 

 

 

 

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11629a/image.gif") !important;}

 

  

 

 

 

 

 

  

body{cursor:url("http://plugin.smileycentral.com/http%253A%252F%252Fplugin%252Esmileycentral%252Ecom%252Fassetserver%252Fcursor%252Ejhtml%253Fcur%253D1%2526i%253D11628a/image.gif") !important;}