คำว่า navbar ย่อมาจาก Navigation Bar คือแถบเมนูของบล็อกเกอร์เค้านะครับ จะอยู่ด้านบนสุดของหน้าบล็อก เพื่อให้ชัดเจนยิ่งขึ้นเชิญดูภาพข้างล่างนี้ครับ
ดูตรงที่ลูกศรชี้ครับ นั่นแหละคือ navbar สำหรับบางคนแล้วรู้สึกว่า navbar ตัวนี้มันทำให้บล็อกของเรามันดูไม่เป็นของเราเอง มันดูไม่เหมือนเป็นเว็บไซต์ซักเท่าไหร่ เกะกะมั่ง อะไรมั่ง ฯลฯ วันนี้ผมมีวิธีซ่อนตัว navbar กันครับ มีอยู่ 2 วิธี คือ ซ่อนแบบถาวร (Hide) และ ซ่อนอัตมัต (Auto hide)
- ซ่อนแบบถาวรมีวิธีทำดังนี้ครับ
- ลงชื่อเข้าใช้
- เลือกการออกแบบ
- เลือก แก้ไข HTML
- คลิก ดาวน์โหลดแม่แบบฉบับเต็ม (กันพลาดครับ)
- คัดลอกโค้ดข้างล่างนี้แล้วนำไปวางไว้ บนโค้ดนี้ครับ ]]></b:skin>
/* navbar hider
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
} - คลิกปุ่ม บันทึกแม่แบบ
วิธีแรกเสร็จไปแล้วงั้นเรามาดูวิธีที่ 2 กันครับ
- การซ่อนแบบอัตโนมัต คือมันจะหายไปเองในตอนที่ไม่มีเมาส์มาชี้ และมันก็จะโผล่ออกมาเองถ้าเกิดเราเลื่อนเมาส์มาชี้ตรงตำแหน่งที่มันอยู่ครับ มีวิธีทำคือ คัดลอกโค้ดข้างล่างนี้ แล้วนำไปวางไว้ใต้โค้ด body { ครับ
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
เม้นต์เถอะ!!!
แสดงความคิดเห็น