ThMambo.com : แหล่งรวมข่าวสารแมมโบ้และจูมล่าเมืองไทย

Home

เปลี่ยนแถบ content bar

เริ่มต้นการสร้างแถบ content bar ให้เหมาะสมกับเว็บไซด์ (แล้วแต่วิธีการและความเหมาะสมแล้วกันนะครับส่วนนี้) ผมขอยกตัวอย่างง่ายๆ จากเว็บไซด์นี้ก็แล้วกัน

ให้เปิดโปรแกรม photoshop ขึ้นมา จากนั้น กำหนดชิ้นงานใหม่ กำหนดขนาดเป็น 800x24 (แต่เวลาใช้งานจริงก็ใช้ไม่ถึงขนาดนี้หรอกครับ)
จัดการสร้างแถบ content bar ให้เรียบร้อย (ออกแบบตามต้องการ) เสร็จแล้วให้บันทึกเป็นไฟล์รูปแบบ png
โดยบันทึกไปเก็บไว้ที่โฟลเดอร์ images ใน templates ที่คุณกำลังแก้ไขอยู่

จากนั้นให้เข้าไปแก้ไข template_css.css โดยเติมคำสั่งลงแทนที่ของเดิม (จากตัวอย่างใช้ไฟล์ชื่อ contenthead.png)
เสร็จแล้วทำการบันทึกให้เรียบร้อย ผลก็จะเหมือนกับ content bar บนหน้าเว็บนี้ละครับ