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

Image

ด้านบนนี้คือตัวอย่างรูป ที่เราจะใช้กัน แต่ผมจะไม่บอกวิธีการทำรูปนะครับ ดาวน์โหลด .psd ไปศึกษาหรือปรับเปลี่ยนกันดูเองนะครับ menubutton.psd
อ่านต่อ คลิกที่นี่ »

เว็บนี้ให้เรา ปรับแต่งเมนู ได้เองครับ เลือกได้ว่าจะมีกี่แท็ป ใส่ text ใส่ link ตามใจชอบ แล้วก็กด generate ออกมาใช้ได้เลย มีรูปแบบให้เลือกทั้งแนวตั้ง แนวนอน

แถมมีรูปแบบให้เลือกเยอะมากๆครับ เข้าไปใช้อย่างด่วน ที่นี่เลยครับ http://cssmenumaker.com/

เป็น แถบ CSS เมนู แนวนอน 16 แบบ ดาวน์โหลดได้ทันที

ไปโหลดใช้ได้ที่เว็บนี้ครับ http://www.cssplay.co.uk/menus/pro_horizontal.html