เปลี่ยนเคอร์เซอร์-เมาส์เป็นรูปน่ารักๆหลายแบบ

ศิริพร
ติดตาม ผู้ติดตาม 
ติดต่อ

 

   

ถ้าเบื่อเคอร์เซอร์-เมาส์อันเดิมที่เป็นรูปลูกศร  

 มาลองเปลี่ยนให้เป็นรูปน่ารักๆ ดูค่ะ    

 

 

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

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

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

 

 

 

 

 

 

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

 

 

 

 

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

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

 

 

  

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

  

     

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

 

 

 

 

 

 body{cursor:url(http://www.fileden.com/files/2007/10/20/1527094/110.ani);}

 

 

 

 

 

   

 

 body{cursor:url("http://www.fileden.com/files/2007/10/20/1527094/107.ani");}   

    

 

 

 

 

  

 

body{cursor:url("http://www.fileden.com/files/2007/1/18/658746/cursor/6.ani");}

 

 

  

  

 

 

 

body{cursor:url("http://www.fileden.com/files/2007/10/20/1527071/087.ani");}

 

 

 

 

 

  

 

body{cursor:url("http://www.fileden.com/files/2007/1/18/658746/cursor/4.ani");}

 

 

 

 

 

  

 

body{cursor:url("http://www.fileden.com/files/2007/1/18/658746/cursor/18.ani");}

 

 

 

 

 

 

  

body{cursor:url("http://www.fileden.com/files/2007/1/18/658746/cursor/22.ani");}

  

 

 

 

 

 

 

 

body{cursor:url(http://www.fileden.com/files/2007/10/28/1547622/145.ani);}

 

 

 

 

 

 

 

 

body{cursor:url("http://www.fileden.com/files/2007/10/28/1547622/146.ani");}

 

 

 

 

 

 

 

body{cursor:url("http://www.fileden.com/files/2007/10/28/1547622/139.ani");}

 

 

 

 

บันทึกนี้เขียนที่ GotoKnow โดย  ใน css และ blog



ความเห็น (35)

สวัสดีค่ะ

- เข้ามาเก็บเกี่ยวความรู้

- อธิบายให้เข้าใจง่ายดีค่ะ

- ขอบคุณค่ะ

 

เขียนเมื่อ 

สวัสดีค่ะ อาจารย์พรรณา ตั้งชื่อเก๋นะคะ (วงเล็บว่าไม่มีชื่อกลางด้วย)  เคยอ่านที่อาจารย์ไปเยี่ยมในบล็อกอื่นๆ  ยังตามไปดูว่าทำไมไม่มีชื่อกลาง เกิดความสงสัยน่ะค่ะ 

  • ดีใจและขอบคุณค่ะที่อาจารย์มาเยี่ยมบล็อกนะคะ
เขียนเมื่อ 
  • ขอบคุณสำหรับคำแนะนำค่ะ
  • จะพยาย้าม...นำไปทำ
  • แต่จะสำเร็จหรือไม่
  • ไม่กล้ารับรองค่ะ
เขียนเมื่อ 

ทำได้แน่ๆค่ะ คุณแววตา

เขียนเมื่อ 

เย้..ได้เมาท์รูปน่ารักๆดัใจแย้ว  ขอบคุณค่าอาจารย์

เขียนเมื่อ 

เย้..เย้..ดีใจด้วยค่ะคุณ กัสจัง..     

เขียนเมื่อ 

สวัสดีค่ะ

  • ลองทำดูแล้วค่ะ เห็นแล้วมีความสุขจริงๆค่ะ
  • เดี๋ยวขอเอาไปบอกต่อเพื่อนๆคนอื่นนะค่ะ น่ารักจริงๆค่ะ

ขอบคุณมากนะค่ะ

เขียนเมื่อ 

เห็นด้วยค่ะ คุณYour Sister ว่าทำได้แล้วจะมีความสุขจริงๆ...

เขียนเมื่อ 

ขอบคุณครับ

ทำได้แล้ว  เจ้าตัวเล็กชอบมากเลยครับ

เขียนเมื่อ 
  • ต้องบอกว่า"ขอบคุณ"มากๆเลย
  • อาจารย์มีอะไรน่ารักๆเหมือนกับตัวอาจารย์มาให้พวกเราอยู่เรื่อย
  • จะพยายามนำไปใช้ให้สำเร็จนะคะ

                  

เขียนเมื่อ 
เขียนเมื่อ 

body{cursor:url("http://www.fileden.com/files/2007/1/18/658746/cursor/22.ani");}

  

ไชโย ทำได้แล้วค่ะ ขอบคุณ อ.ศิริพรมากๆ เลยค่ะ เพราะอธิบายได้ชัดเจน อ่านแล้วทำได้เลย สำหรับมือใหม่ รู้แหล่งตามเก็บความกิ๊บเก๋แล้วล่ะค่ะ

 

 

 

เขียนเมื่อ 

อะ.....อ้าว ว ว ว่าจะอา animation ใส่ไปในข้อความน่ะค่ะ แต่ไหงออกมาเป็นโค้ดไปได้ เดี๋ยวขอไปฝึกปรือวิทยายุทธใหม่ก่อนนะคะ (ขายไก่ไปก่อน 1 ตัวค่ะ อิ อิ)

เขียนเมื่อ 

อะ.....อ้าว ว ว ว่าจะอา animation ใส่ไปในข้อความน่ะค่ะ แต่ไหงออกมาเป็นโค้ดไปได้ เดี๋ยวขอไปฝึกปรือวิทยายุทธใหม่ก่อนนะคะ (ขายไก่ไปก่อน 1 ตัวค่ะ อิ อิ)

ตั้ม
IP: xxx.151.232.70
เขียนเมื่อ 

BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dog51.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dog51.gif"), auto;}

A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dog51.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dog51.gif"), auto;}

fon
IP: xxx.42.73.54
เขียนเมื่อ 

BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dog51.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dog51.gif"), auto;}

A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dog51.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dog51.gif"), auto;}

fon
IP: xxx.42.73.54
เขียนเมื่อ 

ขั้นตอนแรกก่อนจะมีบล็อกต้องทำอย่างไรก่อนคะไม่ค่อยเข้าใจค่ะ

เขียนเมื่อ 

ตอนแรกไม่ขึ้นต้องรอสักพัก ดีใจจังทำได้แล้ว ขอบคุณมากๆ คับ

เขียนเมื่อ 

ขอบคุณนะคะ

เสาวนีย์
IP: xxx.172.63.134
เขียนเมื่อ 

ขั้นตอนแรกก่อนจะมีบล็อกต้องทำอย่างไรก่อนคะไม่ค่อยเข้าใจค่ะ

ณัฐสุรีย์
IP: xxx.4.140.200
เขียนเมื่อ 

อยากให้พี่ทำเคอร์เซอร์เป็นชื่อให้บ้างได้ไมคะ...รบกวนหน่อยนะคะ

ลองทำแล้วไม่ได้ค่ะ...แล้วพี่รบกวนส่งกลับมาที่เมล์นี้นะคะ

จะขอบคุณมากค่ะ...ขอบคุณอีกครั้ง

สวัสดีครับคุณ ศิริพร ลองทำตามตรั้งหลายครั้งแต่ยังทำไม่ได้ สงสัยผิด ขั้นตอน  แล้วหัดใหม่ครับ

natiya
IP: xxx.26.142.156
เขียนเมื่อ 

ถ้าจะเข้าบล็อกที่ต้องการเปลี่ยนเคอร์เซอร์ ต้องเข้ายังไง

<o-o>
IP: xxx.8.86.108
เขียนเมื่อ 

-ถ้าต้องการเปลี่ยนเคอร์เซอร์-เมาส์อันเดิมที่เป็นรูปลูกศรน่ารัก ๆ จะทำยังไงค่ะ ช่วยสอนทีค่ะ

-ถ้าจะเข้าบล็อกที่ต้องการเปลี่ยนเคอร์เซอร์ที่ว่านี้มันอยู่ส่วนไหนของHi 5 ค่ะ ช่วยที

ขอบคุณค่ะ

ปานวาด
IP: xxx.172.201.50
เขียนเมื่อ 

ทำไม่ได้เลยค่ะ ครูช่วยบอกอย่างละเอียดหน่อยนะคะแบบเมนูทางลัดมันอยู่ตรงไหนอ่ะค่ะ

ชอกโกล่า
IP: xxx.183.102.93
เขียนเมื่อ 

ต้องเข้ามาที่ไหนก่อน

anni3
IP: xxx.26.125.119
เขียนเมื่อ 

body{cursor:url("http://www.fileden.com/files/2007/10/20/1527071/087.ani");}

น้องเจนนี่
IP: xxx.175.68.2
เขียนเมื่อ 

ในไฮไฟว์ให้เข้าตรงโปรไฟล์ของฉัน แล้วดูตรงความสนใจ จะมีให้คลิกว่าแก้ไขส่วนนี้

พอคลิกแล้วจะมีกล่องสี่เหลี่นมขึ้นหลายๆกล่อง ให้เอาโค้ดที่ก๊อปปี้ไว้ไปแปะตรงไหนก้อได้ แล้วคลิกบันทึค่ะ

ด.ญ.วิมลรัตร์
IP: xxx.122.143.70
เขียนเมื่อ 

งง ทัม ยัง งัย

on
IP: xxx.173.143.199
เขียนเมื่อ 

ไม่เข้าใจตั้งแต่อันแรกเลย

ไอที่เข้าเมนูลัดอะเข้าตรงไหน

panida
IP: xxx.121.138.13
เขียนเมื่อ 

เก่งจังเลยคะ... ขออนุญาตนำเอาไปใช้บ้างนะคะ

แต่ยังไม่รู้จะทำตามได้หรือเปล่า..

ขอบคุณมากมากค่ะ

IP: xxx.52.15.111
เขียนเมื่อ 

ไม่เข้าใจขั้นตอนการทำช่วยอธิบายให้หน่อยได้ไหมคะ

บิว
IP: xxx.87.198.183
เขียนเมื่อ 

แล้วเมนูทางลัดอ่ะมันอยู่ตรงไหนค่ะ

ช่วยบอกหน่อย

[email protected]

ช่วยตอบกลับด้วยน่ะค่ะ

เขียนเมื่อ 

เข้าถึงเมนูแก้ไขตกแต่ง หน้าจอก็ไม่เหมือนกันแล้ว ทำไงต่อละ

samsiyah
IP: xxx.174.59.211
เขียนเมื่อ 

เคอร์เซอร์หายไปทำไงดี