{- LAB -} | ห้องทดลองของวิเวียน

ลำดับตอนที่ #2 : {- แก้ไขปัญหาบีจีเล็ก -}

ก่อนอื่นก็เปิดโค้ดออกมา 
แล้วเพ่งเล็งสายตา (ดีๆ) ของท่าน ไปที่โค้ดที่เหมือนกับข้างล่าง 

ปล. ตรงที่ใส่บีจีอ่ะแหละ

__________________ค้นหาโค้ดตรงนี้ค่ะ_________________


body {background-image: url(http://www.up2pic.com/files/qn3wn2fre5gpsez9pkvi.gif);
background-repeat:repeat;
background-position: left bottom;
background-attachment:fixed}

__________________หาเจอแล้วก็อ่านขั้นต่อไปได้เลยค่ะ_________________

เมื่อค้นหาโค้ดเจอแล้ว ก็ให้ปรับแก้โค้ด ดังนี้...

body {background-image: url(http://www.up2pic.com/files/qn3wn2fre5gpsez9pkvi.gif);

* ตรงสีน้ำเงินให้เปลี่ยน url ของรูปบีจีที่ต้องการได้

- - - - - - - - - - - - - - - - - - - - - - -

background-repeat:   repeat  ;
* ตรงคําว่า repeat ก็คือการทำให้บีจีซ้ำกัน 
ถ้าไม่มีคํานี้ บีจีก็จะขึ้นที่มุมอันเล็กๆ อันเดียว เหมือนโค้ดของเทมนั่นแหละค่ะ

****** ดังนั้น ตรงบริเวณที่ขีดเส้นใต้สีน้ำเงินไว้ ให้เปลี่ยนเป็นคำว่า repeat
ตามตัวอย่างนะคะ

- - - - - - - - - - - - - - - - - - - - - - -

background-position: left bottom;

* ตรงนี้เป็นที่บอกตำแหน่งการเริ่มของบีจี ว่าจะให้เริ่มต้นตรงไหน
อย่าง left bottom ก็คือซ้ายล่าง
right top ก็คือขวาบน เป็นต้น

- - - - - - - - - - - - - - - - - - - - - - - 

background-attachment: fixed }

* อันนี้เป็นการทำให้บีจีอยู่นิ่งกับที่
(แนะนำว่าปล่อยไว้แบบนี้ดีกว่า ^O^+ เพราะมันดีแล้ววววว)