.::www.Chayoo.in.th::.

 ลืมรหัสผ่าน
 สมัครสมาชิก
ค้นหา
ดู: 312|ตอบกลับ: 1

สร้างเมนูแนวนอน ไม่ต้องใช้ตารางอย่างง่าย ด้วย CSS ครับ

[คัดลอกลิงก์]
วันนี้ ผมได้นำวิธีการทำเมนู แนวนอนมาฝาก โดยไม่ใช้ ตารางครับ ผมค้นหาข้อมุลได้จากเว็บ  
http://www.ninenik.com
ครับ เป็นเว็บที่มีประโยชน์มากๆ สำหรับคนที่ต้องการเขียนเว็บไซต์ ผมคนหนึ่งที่เขียนเว็บไซต์อยู่เป็นประจำ วันนี้เลยนำความรู้ดีๆ มาฝากครับ
ยังไงช่วย + ให้หน่อยนะครับ พอดีกำลังหาตังอยู่ครับ

  1. <style type="text/css">
  2. ul.v_menu{ /* กำหนดขอบเขตของเมนู */
  3.         list-style:none;
  4.         margin:0px;
  5.         padding:0px;
  6.         font-family:tahoma, "Microsoft Sans Serif", Vanessa;
  7.         font-size:12px;
  8. }
  9. ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */
  10.         display:block;
  11.         width:150px;
  12.         height:20px;
  13.         text-indent:5px;
  14.         background-color:#339900;
  15.         border:1px #006633 inset;
  16.         float:left;
  17.         text-align:center;
  18. }
  19. ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
  20.         display:block;
  21.         width:150px;
  22.         height:20px;
  23.         text-indent:5px;
  24.         background-color:#33CC33;
  25.         border:1px #006633 inset;
  26.         float:left;
  27.         text-align:center;      
  28. }
  29. ul.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
  30.         text-decoration:none;
  31.         color:#FFFFFF;
  32.         line-height:20px;
  33. }
  34. </style>
คัดลอกไปที่คลิปบอร์ด
HTML Code
  1. <ul class="v_menu">
  2.         <li><a href="#">Link menu item 1</a></li>
  3.         <li><a href="#">Link menu item 2</a></li>
  4.         <li><a href="#">Link menu item 3</a></li>
  5.         <li><a href="#">Link menu item 4</a></li>                        
  6. </ul>
คัดลอกไปที่คลิปบอร์ด
โพสต์ 2012-12-7 22:19:21 | ดูโพสต์ทั้งหมด
    ดีครับ.....
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

ประวัติการแบน|Mobile|รูปแบบข้อความล้วน|www.Chayoo.in.th

GMT+8, 2020-7-11 20:11 , Processed in 0.053036 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้