6 พฤศจิกายน 2553

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




UserToolbar เป็นคอมโพเน้นท์ ทูลบาร์ เมนู สวย ๆ สามารถปรับแต่งได้ตามใจโดยไม่ต้องสนใจว่าจะต้องไปวางที่ตำแหน่งไหนของ template มีไอคอนให้เลือกใช้หลากหลายและสามารถอัพโหลดไอคอนของตนเองได้ สำหรับท่านที่ไม่มีที่จะวางเมนูแล้ว หรือต้องการความสวยงามแปลกใหม่ให้กับเว็บไซต์ ตัวนี้ประกอบด้วยคอมโพเน้ท์และปลั๊กอิน ติดตั้งครั้งเดียว ได้ทั้งสองอย่าง หน้าตาของทูลบาร์ตัวนี้เป็นอย่างไรลองเข้าไปดู demo ได้ที่นี่ http://j.l33p.com/ubar

compat_15_native ext_com ext_plugin


เมื่อติดตั้งเสร็จก็จะขึ้นข้อความอย่างนี้


จากนั้นก็เข้ามาที่ components >> user toolbar >> configuration


ด้านซ้ายมือจะเป็นหน้า Preview ส่วนด้านขวานั้นเป็นพารามิเตอร์เอาไว้ปรับค่าต่าง ๆ





เอาล่ะ สาธิตการสร้างเมนูสักอัน


คลิ๊กที่ แท็บเมนู toolbar buttons ที่อยู่ด้านซ้ายมือ จากนั้นคลิ๊กที่ new



เพียบ จะเลือกลิ้งก์ไปที่ไหนก็คลิ๊กเลือกเอาเลยครับ แต่ผมเลือก main menu



ใส่ Name, Description จากนั้นคลิ๊กที่ icon เพื่อเลือกไอคอน



มีไอคอนมากมายให้เลือก


หรือจะเลือกอัพโหลดไอคอนเองก็ได้


ผมจะเลือกไอคอนที่เป็นรูปบ้านก็แล้วกัน


แล้วคลิ๊กเลือกให้ลิ้งก์มาที่ home หรือหน้าแรกนั้นเองอย่าลืมคลิ๊ก enable ด้วยนะครับจากนั้นก็ทำการ save



มาดูที่หน้าเว็บกัน หน้าตาก็จะเป็นอย่างนี้ครับเมื่อลองคลิ๊กที่รูป กากบาท เมนูจะถูกย่อลงไปดังรูปด้านล่าง




จบการใช้งาน
ดาวน์โหลด UserToolbar

ลิ้งก์ดาวน์โหลดสำรอง ubar_0.9.3_2009-12-31 (เข้าสู่ระบบก่อน)

ไม่มีความคิดเห็น: