วิธีการวาดเมนูเว็บไซต์

สารบัญ:

วิธีการวาดเมนูเว็บไซต์
วิธีการวาดเมนูเว็บไซต์

วีดีโอ: วิธีการวาดเมนูเว็บไซต์

วีดีโอ: วิธีการวาดเมนูเว็บไซต์
วีดีโอ: [ENG] WEBTOON tutorial ✏️สอนวาด WEBTOON โดยนักวาดหน้าหลัก!✏️ 2024, อาจ
Anonim

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

วิธีการวาดเมนูเว็บไซต์
วิธีการวาดเมนูเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

ตัวอย่างงานในระบบ ucoz ถือเป็นตัวอย่าง การออกแบบองค์ประกอบต่างๆ ของไซต์มักถูกระบุโดยใช้สไตล์ชีต (CSS) หากต้องการเข้าถึง ให้เข้าสู่ระบบแผงควบคุมโดยใช้บัญชีผู้ดูแลระบบ ในหน้าหลักของแผงควบคุม ให้เลือกส่วน "การจัดการการออกแบบ"

ขั้นตอนที่ 2

ในรายการดรอปดาวน์ของหน้าที่แก้ไขได้ ให้เลือกสไตล์ชีต (CSS) จากหมวดเทมเพลตทั่วไป ดูข้อมูลที่เขียนในบรรทัดที่เกี่ยวข้องกับการออกแบบทั่วไป (บล็อกสไตล์ทั่วไป) และเฉพาะกับเมนู (บล็อกที่มีคำว่า Menus ในชื่อ) คุณต้องค้นหาว่าพารามิเตอร์ใดบ้างที่ตั้งค่าไว้สำหรับแถบเมนู: ความกว้าง ความสูง พื้นหลังของแผงและปุ่ม รูปภาพ และอื่นๆ

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

อัปโหลดปุ่มใหม่ไปยังไซต์ (ลูกศรบอกทิศทางหรือองค์ประกอบกราฟิกอื่นๆ ที่คุณจะใช้ในเมนู) จดค่าของปุ่มในโค้ด (เช่น background: url ('https:// link to the image from the file manager') no-repeat XXpx XXpx) ตั้งค่าพารามิเตอร์สำหรับการจัดตำแหน่ง ตำแหน่งบนหน้า. จดรูปแบบและขนาดแบบอักษรสำหรับส่วนเมนู (ตระกูลแบบอักษรและขนาดแบบอักษร) และทำการเปลี่ยนแปลงอื่นๆ ที่คุณต้องการ

ขั้นตอนที่ 5

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