SEARCH    
 
   - A   + A
พบกับทิป และทริก(Tips and trick) สำหรับการออกแบบเซ็บไซต์ ด้วย for เว้บไซต์สำเร็จรูป-ninenic.com
www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
 

 การใส่รูปภาพและข้อความในเมนูของเว็บไซต์


เมนู แบ่งออกเป็น 2 ส่วนคือ ด้านบน(Top Menu) และด้านซ้าย(Left Menu) โดยเมนูทั้ง 2 แบบจะสามารถเชื่อมโยงไปยังหน้าเว็บเพจต่าง ๆ ภายในเว็บ และสามารถแก้ไขชื่อ เมนูได้เอง นอกจากนี้ยังกำหนดจำนวนของเมนูได้ตามต้องการอีกด้วย (แต่ในส่วนของเมนูด้านบนจะไม่เกิน 5 เมนู และส่วน ของเมนูด้านซ้ายจะไม่เกิน 30 เมนู)

 1.การใส่ข้อความในเมนูของเว็บไซต์

1.1 การแก้ไขเมนูด้านบน ให้ทำการคลิ๊กเลือกที่ ตารางเมนูที่ต้องการแก้ไขดังรูป
สำหรับเมนูด้านบน ในตำแหน่งแรกสุด จะเป็นการเชื่อมโยง ไป ยังเว็บเพจหน้าแรก(index)เท่านั้นไม่สามารถแก้ไขให้เชื่อมโยง ไปยังเว็บเพจอื่นได้ จะสามารถทำการแก้ไขได้เฉพาะ ชื่อเมนู แล้วกดปุ่ม Save

 
 
ตัวอย่างการใส่เมนูครบทั้ง 5 เมนู
 

1.2 การเพิ่มเมนูซ้ายจะคล้ายกับเมนูด้านบนแต่สิ่งที่เพิ่มเติมขึ้นมาคือ
-การกำหนดค่าลำดับการแสดง (Position) ซึ่งใช้สำหรับเลือกลำดับที่การแสดงของเมนูซ้ายว่าต้องการให้แสดงในลำดับที่เท่าไหร่
 
 
-การกำหนดให้แสดง link แบบเป็นหัวข้อ
ชื่อเมนู หรือ Menu Name นั้นใส่ข้อความที่เราต้องการให้   ปรากฏ  อยู่ในหน้าเว็บ และถ้าต้องการให้เมนูนี้แสดงแบบ  เป็นหัวข้อก็ให้ทำการcheckbox ที่ช่อง Head แล้วสามารถเลือกสี ของรูปแบบหัวข้อได้ตามต้องการ แต่ถ้าต้องการแสดง แบบ เป็นเมนูปกติก็ไม่ต้อง  checkbox ที่ช่อง head


ตัวอย่าง การใส่ข้อความในเมนูของเว็บไซต์


2.การใส่รูปภาพในเมนู

1. คลิก     
2. ไปที่ Left Menu  หรือ Top Menu คลิกเลือกที่ ตารางเมนูที่ต้องการแก้ไข
3. ไปที่ Upload Image 

 

 4.ทำการ อัพโหลดไฟล์รูปเมนูลงไป  
-โดยกำหนดขนาดตามความเหมาะสม
-คำนึงถึงโทนสีของ Templet ที่เลือกไว้

ตัวอย่างการใส่ ไฟล์รูปบนเมนู ใน webedit




ตัวอย่างการใส่ไฟล์รูปในเมนู เมื่ออยู่ที่หน้าจอ


3. การใส่ภาพ background และข้อความบนเมนู

1. คลิก     
2. ไปที่ Left Menu  คลิกเลือกที่ ตารางเมนูที่ต้องการแก้ไขดังรูป

 

 3. คลิก Source จากนั้นนำ Code มาใส่ในช่อง Menu Name  คลิก  Source  อีกครั้งแล้ว save
 
ตัวอย่าง Code
<div style="background:#CC99CC">ข้อความ</div>
การกำหนดสีพื้นหลัง 
style="background:#CC99CC"   กำหนดสีพื้นหลังโดยใช้โค้ดสี

ตัวอย่างดังรูป

 


www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
Web hosting | website builder |เว็บไซต์สำเร็จรูป by ninenic ©Copyright 2002-2024 All rights reserved.
บริษัท อีคอมสยาม ดอทคอม จำกัด
82/8 หมู่ 6 ถ.ประชาราษฎร์
ต.ตลาดขวัญ อ.เมือง จ.นนทบุรี 11000
Tel : 029682665 Fax: 029683400
Email : info@ecomsiam.com