1.ไปที่\Themes\default\images\theme
เปลี่ยนชื่อไฟล์backdrop.png
2.ให้นำรูปที่ต้องการใช้ ตั้งชื่อเป็นbackdrop.png
แล้วนำขึ้นไปไว้แทน
3.เปิดไฟล์index.css ใน Themes\default\css
ค้นหา :
/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}ตรงbackground: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
อาจเพิ่มfixed ต่อท้าย เป็น
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x fixed;
เพื่อที่เวลา scroll ขึ้น-ลง แล้ว background ไม่เลื่อนตาม
background: #xxxxxx url(images/filename.extinsion) bottom fixed repeat-x;
อธิบาย: Selections background
Properties:
#xxxxxx = ค่าสีเป็นเลขฐาน 16
url = ที่อยู่ของรูปที่นำมาเป็นพื้นหลัง
bottom = กำหนดให้อยู่ส่วนล่างของหน้าต่างเบราว์เซอร์ (มีคุณสมบัติเป็น top, center and bottom)
fixed = กำหนดให้อยู่กับที่ไม่เลื่อนตามสกอลล์บาร์
repeat-x = ให้ทำซ้ำรูปพื้นหลังไปในแนวนอน (มีคุณสมบัติเป็น repeat-x, repeat-y and no-repeat)
ตัวอย่างด้านบนเขียนแบบกระทัดรัด หากเขียนเต็มจะเป็นแบบนี้
background-image: url(images/bgx.png);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: bottom;
แต่การเขียนแบบด้านบน ไม่ต้องประมวลผลซ้ำซ้อน โหลดเร็ว!
แทนที่จะประมวลผลถึง 4 selections กลับประมวลผลแค่ selections
ลองเปลี่ยนเป็นรูปที่มันไล่ระดับสีต่อเนื่อง เวลาที่รีพีตซ้ำรู้จะได้ไม่มีขอบ ให้มันกลืนกันไปเลย
ลองดูรูปจากที่นี่
http://www.fordesigner.com/maps_list/list6-1.htmไฟล์ .เอไอ .อีพีเอส เราสามารถใช้โปรแกรมอิลลัสแยกชิ้นงานได้ เอาแต่พื้นหลังมาใช้งาน
thank:
http://www.justusers.net/forum/index.php/topic,5532.0.html http://www.justusers.net/forum/index.php?topic=5563.0
