หวัดดีครับ หลายคนคงเคยเห็น tab ที่ใช้ประกอบเว๊บไซต์ต่างๆ และ คิดว่าอยากนำ Tab มาใช้ในจูมล่ามั่งแต่ไม่รู้จะเลือกอันไหนแบบไหนวันนี้ผมมี Tab มาแนะนำเป็น Tab ของ Gavick ไปดูกันเลยครับ
ขั้นตอนแรกเมื่อเราดวน์โหลดไฟล์มาแล้วนะครับให้แตกไฟล์เราจะได้ไฟล์ต่างๆ ให้เราคลิกที่ Folder component เราจะเจอไฟล์
- com_gk2_tabs_manager.zip
ซึ่งให้เราติดตั้งไฟล์นี้เป็นอันดับแรกเลยครับ! เมื่อเราติดตั้งไฟล์ให้คลิกไปที่ component >> Gavick tab manager Gk2 และคลิกไปที่ tab ด้านบน ที่ชื่อ Check System เราจะได้ค่าดังรูปแปลว่าพร้อมที่จะใช้งาน
เมื่อพร้อมใช้งานแล้วให้เราคลิกไปที่ Plugins และคลิกที่ Install Plugins ดังรูปเลยครับ
ให้เราติดตั้งไฟล์ดังนี้
- plg_tab_arts_gk2.zip
- plg_tab_mix_gk1.zip
- plg_tab_mods_gk2.zip
และติ๊กเครื่องหมายถูกหน้าปลั๊กอินที่ติดตั้งทุกอัน และ คลิก ที่ Enable Plugins เมื่อเสร็จและแสดงผลดังรูป
เมื่อเราติดตั้งปลั๊กอินต่างๆครบแล้วให้เราคลิกไปที่ Groups และคลิกที่ Add Groups ดังรูป
เมื่อเราึคลิก Add Groups จะพบกับรายละเอียดให้เราเลือกโมดูลที่จะแสงดผลสำหรับ Groups นี้ ในที่นี้ผมเลือก tab Mix GK1
Select Plugin : <เลือกปลั๊กอินที่จะแสดงผล>
เมืื่อเราคลิกที่ ถัดไป จะพบรายละเอียดให้เี่ราใส่ชื่อ Groups นี้ และรายละเอียด Group
เมื่อใส่รายละเอียดต่างๆครบให้คลิกบันทึก และทีนี้ ให้เราคลิก Group ทีเราสร้างขึ้นครับและคลิก Add tab
ซึ่งจะพบรายละเอียดดังนี้
- Name : ชื่อจะแสดงใน tab
- Access level :เลือกระดับยูสเซอร์ในการมองเห็น
- tab content :เลือกจะแสดง บทความ,โมดูล,หรือ อื่นๆ
- Position:เลือกตำแหน่งโมดูลที่จะแสดงผลใน tab (*ถ้าเราเลือกแสดงบทความไม่จำเป็นต้องปรับตรงนี้)
- Article: เลือกบทความที่จะแดงใน tab (*ถ้าเราเลือก tab content เป็น โมดูลไม่จำเป็นต้องปรับตรงนี้)
- content : ในส่วนนีุ้ถ้าเราเลือก อื่นๆ ใน tab content เราสร้างมาสร้าง บทความได้เลยโดยไม่ต้องเลือกบทความ รองรับ xhtml
ภาพตัวอย่างการตั้งค่า Tab แสดงแบบบทความ
เมื่อเราสร้าง tab ในกลุ่มของเราเรียบร้อยให้เราไปที่ โมดูล ในที่นี้คือ Gavick tabmix Gk1
เราจะพบพารามิเตอร์ต่างๆดังนี้
บทความนี้เป็นแค่แนวทางนะครับคุณสามารถศึกษาเพิ่มเติ่มได้ในคู่มือการใช้โปรแกรมใน folder doc !!
Check out some more great tutorials and articles that you might like
|
... พอ ผม คลิก check for update error อย่าง นี้ ครับ ต้องทำยังไง(javascript error) Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ) Timestamp: Tue, 5 Jan 2010 00:14:23 UTC Message: '$G_available' is undefined Line: 287 Char: 4 Code: 0 URI: http://www.nyyoblue.com/admini...eck_system |
