วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์

สารบัญ:

วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์
วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์

วีดีโอ: วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์

วีดีโอ: วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์
วีดีโอ: How To Make A Custom Cursor For Website 2024, พฤศจิกายน
Anonim

เบราว์เซอร์สมัยใหม่รองรับมาตรฐาน CSS2 เกือบทั้งหมด ซึ่งช่วยให้เว็บมาสเตอร์สามารถใช้ Cascading Style Sheets ได้อย่างเต็มที่เพื่อสร้างองค์ประกอบการออกแบบเว็บไซต์ที่เป็นต้นฉบับ การออกแบบที่ดีเกิดจากการเลือกการออกแบบสีที่ถูกต้องสำหรับองค์ประกอบของหน้าเว็บ การเลือกแบบอักษรคุณภาพสูงสำหรับแบบอักษรที่ใช้ การจัดเรียงข้อความ รูปภาพ และตารางที่ถูกต้อง แต่นอกเหนือจากตัวเลือกที่หลากหลายสำหรับการเปลี่ยนคุณสมบัติการพิมพ์ของข้อความที่แสดงและการนำเสนอด้วยภาพของเอกสารแล้ว CSS ยังมีเครื่องมือในการควบคุมองค์ประกอบการออกแบบที่ไม่เกี่ยวข้องกับเอกสาร ดังนั้น คุณสามารถสร้างเคอร์เซอร์สำหรับไซต์หรือส่วนต่างๆ ของหน้าได้

วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์
วิธีสร้างเคอร์เซอร์สำหรับเว็บไซต์

จำเป็น

สิทธิ์เข้าถึงเพื่อแก้ไขเทมเพลตหน้าหรือไฟล์สไตล์ชีตของไซต์ ข้อมูลสำหรับการเข้าถึงเว็บไซต์ผ่าน FTP โปรแกรมไคลเอนต์ FTP หรือโปรแกรมจัดการไฟล์ที่รองรับการเชื่อมต่อ FTP

คำแนะนำ

ขั้นตอนที่ 1

เตรียมไฟล์เคอร์เซอร์สำหรับไซต์ ลองนึกถึงประเภทของเคอร์เซอร์ สำหรับองค์ประกอบของหน้าเว็บไซต์ที่จะใช้ คัดลอกไฟล์เคอร์เซอร์ไปยังไดเร็กทอรีแยกต่างหาก ไฟล์เคอร์เซอร์สามารถรับได้จากธีมเคอร์เซอร์ฟรีที่มีให้ดาวน์โหลดทางอินเทอร์เน็ต คุณยังสามารถวาดเคอร์เซอร์ของคุณเองโดยใช้ตัวแก้ไขทรัพยากรของ IDE ยอดนิยม (เช่น Microsoft Visual Studio) หรือโปรแกรมแก้ไขเคอร์เซอร์เฉพาะ

ขั้นตอนที่ 2

อัปโหลดไฟล์เคอร์เซอร์ไปที่เว็บไซต์ เชื่อมต่อกับไซต์ผ่าน FTP โดยใช้โปรแกรมไคลเอนต์ FTP หรือโปรแกรมจัดการไฟล์ คัดลอกไฟล์เคอร์เซอร์ไปยังเซิร์ฟเวอร์ อัปโหลดไฟล์ไปยังไดเร็กทอรีที่สามารถเข้าถึงได้จากเว็บ หากจำเป็น ให้เปลี่ยนการอนุญาตบนไฟล์เคอร์เซอร์เพื่อให้ผู้ใช้ทุกคนสามารถอ่านได้

ขั้นตอนที่ 3

ดาวน์โหลดไฟล์สไตล์ชีตไปยังไดรฟ์ในเครื่องของคุณ กำหนดไฟล์สไตล์ชีตที่เชื่อมต่อกับหน้าทั้งหมดในไซต์ที่คุณต้องการตั้งค่าเคอร์เซอร์ อัปโหลดไฟล์นี้โดยใช้ไคลเอนต์ FTP หรือตัวจัดการไฟล์ ตามกฎแล้ว ไฟล์ดังกล่าวมีอยู่ในธีมสำหรับ CMS ยอดนิยม หากไม่มีไฟล์ดังกล่าว เพียงสร้างไฟล์ที่มีนามสกุล css บนดิสก์ในเครื่องของคุณ และแก้ไขเทมเพลตของธีมโดยรวมไฟล์นี้ไว้ในส่วนหัวของหน้าเว็บโดยใช้องค์ประกอบ STYLE

ขั้นตอนที่ 4

แก้ไขไฟล์สไตล์ชีต เพิ่มบรรทัดของแบบฟอร์มลงในชุดกฎที่แมปกับองค์ประกอบที่คุณต้องการตั้งค่าเคอร์เซอร์:

เคอร์เซอร์: url ('');

ตามค่า คุณต้องระบุที่อยู่ของไฟล์เคอร์เซอร์บนไซต์

ขั้นตอนที่ 5

อัปโหลดไฟล์สไตล์ชีตไปยังเซิร์ฟเวอร์ ใช้โปรแกรมไคลเอนต์ FTP อีกครั้ง เขียนทับไฟล์สไตล์ชีตเก่าบนเซิร์ฟเวอร์ ตัดการเชื่อมต่อจากเซิร์ฟเวอร์

ขั้นตอนที่ 6

ตรวจสอบผลลัพธ์ของคุณ เปิดหน้าไซต์ใดหน้าหนึ่งที่มีการกำหนดเคอร์เซอร์ไว้ วางเมาส์เหนือองค์ประกอบของหน้านี้ รูปร่างของเคอร์เซอร์ควรเปลี่ยน