ตัวอย่างการทำ 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 และไฟล์รูปภาพมาให้ด้วย หากสนใจลองดาวน์โหลดมาศึกษาดูนะครับ

CSS Menu

 


This entry was posted in Web Design and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

14 Comments

  1. Posted May 15, 2007 at 2:05 pm | Permalink

    เยี่ยม !!!!! มีอะไรน่ารู้ก้อเอามาเขียนใส่อีกนะ

  2. Posted May 16, 2007 at 5:39 am | Permalink

    เป็นบทความที่มีประโยชน์ดีนะครับ

    เขียนบ่อยๆ แล้วจะตามมาอ่านเรื่อยๆ นะโดนัท

  3. หยุย*
    Posted May 16, 2007 at 6:31 pm | Permalink

    ขอบคุณค่า

  4. Posted May 22, 2007 at 3:57 pm | Permalink

    ขอบคุณมากๆนะคะ

  5. GB
    Posted May 29, 2007 at 1:29 am | Permalink

    ขอบคุงครับ

  6. Posted July 19, 2007 at 10:18 pm | Permalink

    สวยดี น่าสนแฮะ

  7. Posted July 23, 2007 at 2:04 am | Permalink

    thanks jaa

  8. Posted August 28, 2007 at 7:20 pm | Permalink

    ขอบคุงครับ

  9. [บอล]dEsign
    Posted October 15, 2007 at 6:20 pm | Permalink

    มีไรดีๆเอามาฝากกันอีกนะครับ ชอบ
    กำลังศึกษา css อยู่

  10. Nconstantine
    Posted February 15, 2008 at 3:27 pm | Permalink

    อยากได้ menu แบบ popup อะครับพี่
    พอจะมีเว็บไหนที่ให้ code แบบเอาไปใช้ได้แบบนี้เลย
    ช่วยลบกวนบอก URL หน่อยครับผม
    (tanabun_nan@hotmail.com)ขอบคุณครับ

  11. Posted March 12, 2008 at 10:55 am | Permalink

    ลองศึกษาจากตัวอย่าง marcomedia dreamweaver สิครับ ได้เหมือนกัน

  12. Posted March 30, 2009 at 10:59 am | Permalink

    เยี่มมีำรก๊อบที่ไหนมาก็ไม่บอก ไม่ได้เขียนเอง ควรบอกที่มาหรือให้เครดิตเค้าหน่อย อย่าขโมยงี้ ทุเรศ

  13. Posted March 30, 2009 at 11:17 am | Permalink

    คุณ fdse เข้าใจอะไรผิดหรือเปล่าครับ
    Blog เรื่องนี้ผมเขียนแนะนำเว็บไซต์ 13Styles.com นะครับ
    ขอบคุณครับ

  14. EECP
    Posted June 13, 2009 at 10:50 pm | Permalink

    ขอบคุณเจ้าของความรู้นะครับ ที่เอามาให้ศึกษา ขอบคุณมากจริงๆ ครับ

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>