ตัวอย่างการทำ CSS Menu สำหรับเว็บไซต์
วันนี้เรามาลองศึกษาการทำ CSS Menu กันดีกว่าครับ
CSS Menu ก็คล้ายๆ กับการทำ Rollover Image ใน Dreamweaver จะต่างกันที่ Rollover Image นั้นเป็นการใช้ HTML + JavaScript ส่วนการนำ CSS มาใช้ทำ Navigation หรือเมนูของเว็บไซต์นั้น จะเป็นการนำค่าต่างๆ ที่เรากำหนดไว้ในไฟล์ CSS มาควบคุม Style ของแท็ก ul, li ในไฟล์ HTML ซึ่งจะทำให้โค้ด HTML ที่ได้นั้นสะอาด เบา และเป็นมาตรฐานกว่าครับ
วันนี้ผมผ่านไปพบกับเว็บ 13Styles.com ซึ่งมีตัวอย่าง CSS Menu ให้เราดาวน์โหลดไปใช้ได้ฟรีๆ โดยเมนูแต่ละรูปแบบจะมีไฟล์ .css, .html และไฟล์รูปภาพมาให้ด้วย หากสนใจลองดาวน์โหลดมาศึกษาดูนะครับ
14 Comments
→
เยี่ยม !!!!! มีอะไรน่ารู้ก้อเอามาเขียนใส่อีกนะ
เป็นบทความที่มีประโยชน์ดีนะครับ
เขียนบ่อยๆ แล้วจะตามมาอ่านเรื่อยๆ นะโดนัท
ขอบคุณค่า
ขอบคุณมากๆนะคะ
ขอบคุงครับ
สวยดี น่าสนแฮะ
thanks jaa
ขอบคุงครับ
มีไรดีๆเอามาฝากกันอีกนะครับ ชอบ
กำลังศึกษา css อยู่
อยากได้ menu แบบ popup อะครับพี่
พอจะมีเว็บไหนที่ให้ code แบบเอาไปใช้ได้แบบนี้เลย
ช่วยลบกวนบอก URL หน่อยครับผม
(tanabun_nan@hotmail.com)ขอบคุณครับ
ลองศึกษาจากตัวอย่าง marcomedia dreamweaver สิครับ ได้เหมือนกัน
เยี่มมีำรก๊อบที่ไหนมาก็ไม่บอก ไม่ได้เขียนเอง ควรบอกที่มาหรือให้เครดิตเค้าหน่อย อย่าขโมยงี้ ทุเรศ
คุณ fdse เข้าใจอะไรผิดหรือเปล่าครับ
Blog เรื่องนี้ผมเขียนแนะนำเว็บไซต์ 13Styles.com นะครับ
ขอบคุณครับ
ขอบคุณเจ้าของความรู้นะครับ ที่เอามาให้ศึกษา ขอบคุณมากจริงๆ ครับ