Latest News

วันอาทิตย์ที่ 9 ธันวาคม พ.ศ. 2555

แถบเมนูกล่องแชท Cbox ตอนที่ 1


บทความแถบเมนูกล่องแชท Cbox จะมี 4 ตอนด้วยกันค่ะ เราจะมาค่อยๆเรียนรู้กันไปทีล่ะตอน ตอนนี้เป็นตอนแรกจะมาเรียนรู้ในส่วนของ "Look&Feel" ขออธิบายย่อๆในส่วนนี้ก่อนนะคะ จะมีการปรับขนาด เลือกสไตล์หรือรูปแบบของกล่องแชท Cbox มีการปรับแต่งสีและรูปแบบฟอนต์เฉพาะจุดของกล่องแชท และยังสามารถแก้ไขโค้ด CSS ได้ด้วยค่ะ พูดมาซะขนาดนี้แล้วเราก็มาดูส่วนการแก้ไขต่างๆ แบบเห็นภาพด้วยดีกว่าค่ะ ^_______^



1. เข้าสู่ระแบบของกล่องแชท Cbox ไปที่ Look&Feel เลือก "Layout Options"


2. Layout Options หรือตัวเลือกเค้าโครงนี้เราจะสามารถปรับขนาดจำนวนข้อความที่จะให้แสดงและเปลี่ยนแปลงฟอร์มรูปแบบค่ะ

แถบเมนูกล่องแชท Cbox Look&Feel

3. ปรับขนาดกล่องแชท Cbox
4. Form Layout เป็นส่วนของกล่องแชท Cbox ที่จะใส่ชื่อ อีเมล์/URL ข้อความของคุณตัวเลือกด้านล่างนี้จึงเป็นตัวเลือกที่ไว้ตั้งค่าหรือควบคุมฟอร์ม
  • Message lines : เส้นหรือสายข้อความจะตั้งค่าควบคุมจำนวนการแสดงของเส้นกล่องข้อความ
  • Form above posts : กำหนดให้แบบฟอร์มหรือส่วนที่จะใส่ชื่อและข้อความของคุณให้ไปอยู่ด้านบนโพสต์
  • Alternative layout : เป็นการปับเปลี่ยนการแสดงขงช่องใส่ชื่อ อีเมล์/URL และข้อความสามารถดูตัวอย่างก่องติ๊กเลือกและหลังติ๊กเลือก Alternative layout ได้จากรูปภาพด้านล่างนี้เลยค่ะ




5. กำหนดจะนวนข้อความที่ต้องการให้แสดงในกล่องแชท Cbox ซึ่งจะไม่ส่งผลกระทบก่อนข้อความก่อนหน้านี้ในประวัติข้อความของคุณ ยิ่งกำหนดจะนวนการแสดงข้อความน้อยยิ่งทำให้โหลดกล่องแชทเร็วขึ้นค่ะ
6. การปรับแต่งหรือตั้งค่าส่วนต่างๆอาจจะไม่่อยเห็นภาพสามารถดูตัวอย่างได้จากส่วนนี้ค่ะ
7. เมื่อทำหารตั้งค่าเสร็จเรียบร้อยแล้วก็กดปุ่ม "Save" เพื่อดูผลลัพธ์ค่ะ

รูปแบบสำเร็จรูปของกล่องแชท Cbox "Style presets"


8. เลือกสไตล์หรือรูปแบบกล่องแชทที่คุณชอบแล้วกด "Confirm" เพื่อยื่นยันการเลือกค่ะ


ปรับแต่งสีและฟอนต์กล่องแชท Cbox แบบตรงจุดที่ "Colours & Fonts"


9. ดูตัวอย่างตอนปรับแต่งแก้ไขกล่องแชท Cbox
10. เลือกสีในส่วนต่างๆของกล่องแชท Cbox  เช่น สีข้อความ สีชื่อ และอื่นๆ
11. สามารถทำการเลือกสีได้จากส่วนนี้ค่ะ
12. เกี่ยวกับฟอนต์ที่แสดงในกล่องแชท Cbox เช่น รูปแบบตัวอักษรหรือฟอนต์นั้นเองค่ะ
13. เมื่อทำการปรับแต่งเสร็จเรียบร้อยแล้วเลือก "Apply" ค่ะ

ปรับแต่งกล่องแชทอย่างจุใจด้วย CSS


14. ดูตัวอย่างกล่องแชทตอนปรับแต่ง
15. สามารถปรับแต่งแก้ไข CSS ได้จากส่วนนี้ค่ะ เมื่อทำการแก้ไขได้ตรงตามความต้องการแล้วเลือก "Apply" ค่ะ

การตั้งค่าในส่วนของ "Look&Feel" ก็มีเพียงเท่านี้ค่ะ พบกันในบทความต่อไปนะคะ :D

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

แสดงความคิดเห็น

หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^

AnasThailand

Add us on Google+