แหม่ๆๆๆๆ เกิดอาการคันไม้คันมือมาซะงั้น วันนี้ผมขอ รับหน้าที่สอนเรื่องการแต่ง ZFriend ของเล่นสุดฮิตที่สุด (พูดจริงๆนะ ไม่ได้พูดยกยอเอา) ของชาว Zone-it นะครับ วันนี้จะมาแนะนำการทำ Background ให้กับ ZFriend ของเรากันเลยนะครับ ไม่รอช้า เริ่มทำกันเลยครับ.........
1.ก่อนอื่นต้องล็อกอิน และ เปิด ZFriend ของเราขึ้นมาก่อนเลย
2.คลิกที่ คำว่า
แก้ไข ที่อยู่มุมล่างขวาสุด ของโมดูล
เกี่ยวกับฉัน3.จากนั้นจะมีกล่องเปล่าๆ ให้แก้ไข CSS ขึ้นมาละ
4.จากนั้นถ้าเราต้องการใส่ CSS ต้องแทรกโค้ด
<style>.............</style>
5.เราจะมาใส่โค้ด CSS ที่จะเปลี่ยน background กัน โดยโค้ดนี้
html body {background: #fff;}
...... เปลี่ยนสีพื้นหลัง
html body {background: #fff url(URL ของรูปภาพ) repeat-x top left;}
....สำหรับใส่ Background แบบรูปภาพ
***โดยที่ repeat-x เปลี่ยนเป็นค่าอื่น ได้ดังนี้
repeat-x เรียงภาพซ้ำๆในแนวตั้ง
repeat-y เรียงภาพซ้ำๆในแนวนอน
repeat เรียงภาพซ้ำๆแบบทุกทิศทุกทาง
no-repeat ไม่ต้องทำการเรียงภาพซ้ำๆ
***ส่วน top เปลี่ยนเป็นค่าอื่น ได้ดังนี้
top ให้รูปภาพอยู่บนสุด
middle ให้รูปภาพอยู่ตรงกลาง
bottom ให้รูปภาพอยู่ข้างล่างสุด
***ส่วน left เปลี่ยนเป็นค่าอื่น ได้ดังนี้
left ให้รูปภาพอยู่ด้านซ้าย
center ให้รูปภาพอยู่กลาง
right ให้รูปภาพอยู้ด้านขวา
6. โค้ดสำหรับที่จะใส่ไปก็ต้องใส่แบบนี้....................... อันนี้เป็นตัวอย่างนะครับ
<style>
html body {background: #fff url(URL ของรูปภาพ) repeat-x top left;}
</style>
7. จากนั้นทำการคลิกปุ่ม แก้ไข เพื่อเวฟค่าต่างๆให้เรียบร้อย
8. ถ้าเราไม่ได้ใส่โค้ดผิดพลาดอะไร เราก็ได้เห็น Background สวยๆใน Zfriend ของเราแล้วละครับ
ขอบคุณกันสักนิด แทนน้ำใจดีๆที่มอบให้กันนะครับ
ปล. มีข้อสงสัยสอบถามกันได้นะครับผม
