User Rating: 5 / 5

วันนี้มาดูวิธีการทำ Menu แนวนอน แบบ Simple ๆ เอาไว้ใช้เป็น Footer menu ด้านล่างของ Website กัน

  • Edit file "/css/template.css" in template "protostar".
.nav-horz li {
    display: inline-flex;
    width: auto;
    list-style: outside none none;
    text-indent: 5px;
}
.nav-horz li+li:before {
    content:'|';
}
  • Create a new footer menu module
    • Config Menu Class Suffix as nav-horz
    • Set Module Style as horz
simpletextmenu3.jpg
  • Result:
simpletextmenu1.jpg

เพิ่มคอมเมนต์ใหม่

รหัสป้องกันความปลอดภัย
รีเฟรช

  • Automotive วันอังคาร, 11 สิงหาคม 2552

    Fuel Booster, Fuel Additive หรือสารเพิ่มประสิทธิภาพน้ำมันเชื้อเพลิงเบนซิน ที่จะช่วยให้ได้ระยะทางการขับมากขึ้น และลดเขม่าที่เกิดขึ้นจากการเผาไหม้ได้ โดยสารที่ว่านี้ประกอบขึ้นจากสาร 3 ชนิดคือ...

  • Automotive วันอาทิตย์, 05 เมษายน 2552

    หลังจากลอง HHO cell แบบเปียกไปแล้ว ทีนี้เราจะมาลองทำแบบ Dry cell บาง หลักการคราวๆของมันก็จะทำการแยก ส่วนที่เป็นตัวนำ ในที่นี้ก็คือ stainless steel ออกมาไว้ตากหากจาก Electrolyte ซึ่งก็คือ น้ำกลันผสม baking soda...

  • Website วันอังคาร, 20 เมษายน 2553

    สำหรับผู้กำลังจะเริ่มต้นเป็นเว็บมาสเตอร์ หรือหัดทำเว็บด้วยตนเอง คงไม่ดีแน่หากเราต้องย้อนกลับไปนั่งเขียน html เป็นหน้าๆ หรือไปเขียน flash กันอย่างเดียว...