jameiiz โพสต์ 2013-2-18 18:54:59

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

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


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

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

** วิธีทำ **

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

จากนั้นหาไฟล์<div id="frt">เสร็จแล้วให้วางโค้ดนี้ทับลงไป<div id="frt" style="background-image:url(URL รูป); width:ขนาดรูปpx ; height:ขนาดรูปpx ;" >โดยต้องแก้โค้ดส่วน URL รูปภาพ และ ขนาดรูป
**ตัวอย่าง<div id="frt" style="background-image:url(http://thfamous.juplo.com/static/image/common/footer_bg.png); width:960x ; height:250px ;" >จากนั้นเซฟแล้วนำไฟล์ไปวางทับไฟล์เก่าได้เลยครับ

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

weiser โพสต์ 2013-2-18 19:40:37

<div id="ft" ตรงนี้ครับ กรอบเดียว อยู่เลยคับพี่น้อง

weiser โพสต์ 2013-2-19 00:23:34

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

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

ninwatza โพสต์ 2013-2-23 15:28:37

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

sm913dz

jameiiz โพสต์ 2013-2-23 18:17:22

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

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

k2757 โพสต์ 2013-2-23 19:35:13

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

<div id="frt" style="background-image:url(URL รูป) no-repeat; width:ขนาดรูปpx ; height:ขนาดรูปpx ;" >ตามโค้ด จะไม่เพิ่มรูปซ้อนเรื่อยๆครับ

ninwatza โพสต์ 2013-2-23 21:19:09

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

jameiiz โพสต์ 2013-2-23 21:48:13

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

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

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

ninwatza โพสต์ 2013-2-23 22:07:35

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


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

ครับ

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

jameiiz โพสต์ 2013-2-23 22:39:08

ไฟล์จะอยู่ที่ template/สกินที่คุณใช้/common/footer.htm ที่ผมยกตัวอย่่างมาก็สกิน Defalt นั่นแหละ
หน้า: [1]
ดูในรูปแบบกติ: [HOW TO] วิธีการเปลี่ยน Background footer