วิธีออกแบบเมนูกลุ่ม Vkontakte

สารบัญ:

วิธีออกแบบเมนูกลุ่ม Vkontakte
วิธีออกแบบเมนูกลุ่ม Vkontakte

วีดีโอ: วิธีออกแบบเมนูกลุ่ม Vkontakte

วีดีโอ: วิธีออกแบบเมนูกลุ่ม Vkontakte
วีดีโอ: ออกแบบเมนูตาม Style EP.1 | การทำป้ายเมนูอาหารตามสั่งขนาด A4 2024, อาจ
Anonim

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

วิธีออกแบบเมนูกลุ่ม Vkontakte
วิธีออกแบบเมนูกลุ่ม Vkontakte

การสร้างภาพที่เหมาะสม

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

เริ่มสร้างปุ่ม ขั้นแรก คุณต้องใช้ไม้บรรทัดเพื่อกำหนดกึ่งกลางของสี่เหลี่ยมที่จะวางเมนู (185 พิกเซล) และสร้างเลเยอร์ใหม่ ใช้เครื่องมือ Rectangle เพื่อสร้างปุ่มและลดความทึบลงเหลือ 60% จากนั้นทำซ้ำเลเยอร์แล้ววางลงในตำแหน่งที่คุณต้องการ เมื่อปุ่มทั้งหมดพร้อม คุณต้องเขียนชื่อลงไป ในการดำเนินการนี้ ให้คลิกที่เลเยอร์แล้วใช้เครื่องมือ "T"

หลังจากติดป้ายกำกับทั้งหมดแล้ว ให้รวมเลเยอร์ คัดลอกรูปภาพที่ได้โดยใช้แป้นพิมพ์ลัด Ctrl + C และสร้างเอกสารใหม่ วางในเมนูผลลัพธ์ที่มีปุ่มที่คุณคัดลอก จากนั้นเลือกปุ่มที่มีคำอธิบายภาพโดยใช้เครื่องมือ "ตัด" และบันทึกภาพที่ได้ บันทึกรูปภาพทั้งหมดที่ได้รับขณะทำงานใน Photoshop ในโฟลเดอร์แยกต่างหาก และอัปโหลดโฟลเดอร์นี้ไปยังกลุ่ม Vkontakte ของคุณ เนื่องจากข้อมูลรูปภาพนี้เป็นเครื่องมือในการทำงานของคุณ ในการตั้งค่าอัลบั้ม ให้ตั้งค่าการจำกัดการดู "เฉพาะผู้ดูแลกลุ่ม"

การสร้างปุ่มเมนูและหน้าที่เกี่ยวข้อง

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

คลิกปุ่มโหมดมาร์กอัป Wiki คุณจะเห็นรหัสรูปภาพของคุณเช่น "[photo-11111111_303464615 | 370x63px |] ". สร้างหน้าสำหรับปุ่มของคุณเพื่อชี้ไป เมื่อต้องการทำเช่นนี้ เยื้องสองสามบรรทัดจากภาพของคุณและเขียนโค้ดสำหรับสร้างหน้าเว็บ เช่นโดยที่ข้อความ "Page1" จะแทนที่ข้อความของชื่อปุ่ม สร้างเพจได้มากเท่าที่มีปุ่ม

เปิดแต่ละหน้าในแท็บเบราว์เซอร์ใหม่ คลิกปุ่ม "แก้ไข" ในแต่ละหน้าที่เปิดขึ้น หลังจากคลิกที่ปุ่มนี้ในบรรทัดเบราว์เซอร์ คุณจะได้รับที่อยู่ของหน้าในรูปแบบ "https://vk.com/page-11111111_111111111?act=edit"

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

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

แนะนำ: