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

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

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

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

ที่มา : http://www.devilloei.com