การทำ Vertical Menu CSS

อ้าว เริ่มกันเลยดีกว่าครับ กับส่วนของเรื่องราวเล็กๆ น้อยๆ ทั้งทิป เทคนิค วันนี้มาเริ่มกันที่ การทำเมนู แบบแนวตั้งกันก่อนครับ>

ลักษณะหลายๆ อย่างในโค้ดตัวอย่างข้างล่างนี้ ถ้าหากท่านใดสงสัย ไม่เข้าใจ ก็ โพสต์ ถามเอาไว้ที่ เว็บบอร์ดได้นะครับ เดี๋ยวจะมาอธิบายและตอบคำถามให้อีกที ที่เลือกเว็บบอร์ด ก็เพราะ จะได้มีโอกาสแลกเปลี่ยนกันได้หลายๆ คน

ในเมนู ตอนนี้ จะเป็นเพียงการทำเมนูแบบธรรมดาเท่านั้น ยังไม่ได้เพิ่มเติมสีสัน ด้วยแบ็คกราวน์ที่เป็นรูปภาพ ใดๆ ตอนต่อไปคงมีโอกาสได้นำเสนอ และถือเป็นโอกาสที่จะให้ ทุกท่านนำไปประยุกต์ แก้ไขกันเองตามสะดวกครับ

Code CSS

ตัวอย่างโค้ด การทำ Vertical Menu CSS

และส่วนของ html

css navigation

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0

Back to Top

4 Responses to การทำ Vertical Menu CSS

  1. norm

    มีแบบซับซ้อนๆ กว่านี้หรือเ่ปล่าครับ

    Reply

  2. indyz

    ผมเคยทำมั่ว ๆ ไว้นานมาแล้ว เจ้านายให้รีบทำนัก เลยจับ มายัดกันมั่วเลย template+table+css + javascript ให้ดูเฉพาะเมนูฝั่งซ้ายนะครับhttp://www.tonchabub.co.th/source/product.php

    ส่วนอื่นไม่ต้องดูอาย ;-)

    Reply

  3. indyz

    อยากบอกอีกอย่าง ว่าเว็บอันนี้มันเป็นการทดลองของ css + เว็บรุ่นเก่า นะ ไม่ต้องวิจารณ์นะเพราะผมรู้ว่ามันห่วย แล้วก้อปัจจุบันผมไม่ได้อยู่ที่นั่นแล้วด้วย ^^

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial