Posts tagged menu

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

Image

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

Related Articles

• ใช้ภาพแทน text link (9)
• เทคนิค css 1 บรรทัด (6)
• ทำ opacity ให้ cross browser (17)
• ทำ layout ให้สูงเท่ากัน ทุกคอลัมน์ (12)
• ทำ div ให้เป็น scroll (7)

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

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

Related Articles

• 16 CSS menu พร้อมใช้… (11)
• โปรแกรมทำ css layout (19)
• มาสร้าง favicon ให้เว็บเรากันเถอะ (35)
• บีบอัดโค้ด css ให้โหลดเร็วสุดๆๆๆ (8)
• ทำปุ่มเมนู CSS ขอบมนโดยใช้รูปเดียว (22)

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

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

Related Articles

• CSS menu maker \(^o^)/ (5)
• Rapid CSS 2007 (5)
• CoffeeCup Direct FTP สำหรับชาว CSS (2)
• โปรแกรมทำ css layout (19)
• วอลเปเปอร์ Ironman (6)