[HOW TO] วิธีการเปลี่ยน Background footer

jameiiz

//////////////// โดยจากที่ผมได้ทดลอง และเรียนรู้ด้วยตัวเองมาผมก็ค้นพบครับ \\\\\\\\\\\\\\\\\

มันจะมีอยู่หลากหลายวิธี ซึ่งผมได้ทดลองและทดสอบด้วยตัวเองมาซักพัก ถามใครก็ไม่ค่อยมีใครบอกเลย
ก็มีแต่ท่าน vitaminzee ที่ได้บอกผม

แต่ผมก็ยังทำไม่ได้ เพราะยังไม่เข้าใจอย่างลึกซึ้ง ผมเลยลองทำด้วยตัวเองครับ
อย่าลืม Backup ไว้ด้วยล้ะ

** วิธีทำ **

เปิดไฟล์ footer.htm ด้วย Edit Plus หรือ Dreamweaver
ไฟล์จะอยู่ที่ template/สกินที่คุณใช้/common/footer.htm << ตัวอย่างที่ผมยกมาคือ สกินมาตรฐาน นะครับ

จากนั้นหาไฟล์

1. <div id="frt">

คัดลอกไปที่คลิปบอร์ด

เสร็จแล้วให้วางโค้ดนี้ทับลงไป

1. <div id="frt" style="background-image:url(URL รูป); width:ขนาดรูปpx ; height:ขนาดรูปpx ;" >

คัดลอกไปที่คลิปบอร์ด

โดยต้องแก้โค้ดส่วน URL รูปภาพ และ ขนาดรูป
**ตัวอย่าง

1. <div id="frt" style="background-image:url(http://thfamous.juplo.com/static/image/common/footer_bg.png); width:960x ; height:250px ;" >

คัดลอกไปที่คลิปบอร์ด

จากนั้นเซฟแล้วนำไฟล์ไปวางทับไฟล์เก่าได้เลยครับ

** ผมทำอะไรไม่ถูกต้อง ขออภัยด้วยนะครับ

weiser

1. <div id="ft"

คัดลอกไปที่คลิปบอร์ด

ตรงนี้ครับ กรอบเดียว อยู่เลยคับพี่น้อง

weiser

weiser ตอบกลับเมื่อ 2013-2-18 19:40
ตรงนี้ครับ กรอบเดียว อยู่เลยคับพี่น้อง ...

รูปพื้นหลังนะคับ

ninwatza

ผมทำแล้วเป็นแบบนี้ครับ เงิบบบ

jameiiz

ninwatza ตอบกลับเมื่อ 2013-2-23 15:28
ผมทำแล้วเป็นแบบนี้ครับ เงิบบบ

ปรับขนนาดให้เข้ากับรูปภาพสิครับ ของผมตัวอย่างมัน สูง 960px ยาว 250px

k2757

ninwatza ตอบกลับเมื่อ 2013-2-23 15:28
ผมทำแล้วเป็นแบบนี้ครับ เงิบบบ

1. <div id="frt" style="background-image:url(URL รูป) no-repeat; width:ขนาดรูปpx ; height:ขนาดรูปpx ;" >

คัดลอกไปที่คลิปบอร์ด

ตามโค้ด จะไม่เพิ่มรูปซ้อนเรื่อยๆครับ

ninwatza

เป๊ะเลยครับ 960*250 px

jameiiz

ninwatza ตอบกลับเมื่อ 2013-2-23 21:19
เป๊ะเลยครับ 960*250 px

ถ้ารูปคุณ ยาว 250px แล้วโค้ดคุณเขียน 960px มันจะเกิดรูปซ้อนได้ครับ
หากรูปคุณยาว 250px ก็ควรไปปรับแต่งโค้ดให้เป็น 250px นะครับ {:9987gag:}

ที่ยกมานี้ คือตัวอย่างนะครับ

ninwatza

นี่รูปต้นฉบับครับ


<div id="frt" style="background-image:url(URL รูป) no-repeat; width:960px ; height:250px ;" >

ครับ

ถ้าแต่งในสกิน Defalt มันใช้ได้ไหมครับ

jameiiz

ไฟล์จะอยู่ที่ template/สกินที่คุณใช้/common/footer.htm ที่ผมยกตัวอย่่างมาก็สกิน Defalt นั่นแหละ