next »

[birth17]

คือพอดีอยากจะนำภาพไปใส่ในส่วนของ body ผมใส่ได้แล้วครับ

ลองใส่โค้ดนี้ clear: both;
   background: url(../images/3.jpg); background-repeat:repeat-y
   padding-bottom: 30px;
แต่ว่ามีปัญหาทีภาพในแนวตั้งไม่ย้อมขยายให้เติมนะครับ มันจะนำภาพมาต่อกันในแนวตั้งไปเรื่อยๆ นะครับ
ไม่ทราบว่าต้องใส่คำสั่งแบบไหนเหรอครับจะให้ภาพพื้นหลัง ขยายตามส่วนของ body ไปเรื่อยนะครับ
ช่วยแนะนำหน่อยนะครับ

[DOCMan LaiThai]

จากบรรทัดนี้

Code:

background: url(../images/3.jpg); background-repeat:repeat-y;

ตรง repeat-y หมายถึงต่อไปในแนวแกน y หากเปลี่ยนเป็น x จะต่อกันไปในแนวแกน x ครับ.

แต่ทั้ง 2 ชุด เอามาเขียนใหม่ได้ โดยเปลี่ยนเป็น

Code:

background: url(../images/3.jpg) 0 0 repeat-x;

ตรง 0 (ศูนย์) ตัวแรกคือตำแหน่งเริ่มต้นของภาพ คือ ด้านบนของภาพ สามารถเขียนอีกแบบคือ top
ตรง 0 (ศูนย์) ตัวที่สองคือตำแหน่งเริ่มต้นของภาพ คือ ด้านข้างของภาพ สามารถเขียนอีกแบบคือ left หรือ right

หรือ อยากให้มีพื้นที่มีสีเข้าไปแสดงตรงบริเวณที่ภาพสิ้นสุดความสูง ก็ใส่โค้ดสีเพิ่มเข้าไปเป็น

Code:

background: #FF0000 url(../images/3.jpg) 0 0 repeat-x;

ตรง #FF0000 คือโค้ดสีที่ว่า เอามาจากโปรแกรมได้หลายตัวครับ.

[artbc]

จากบรรทัดนี้

Code:

background: url(../images/3.jpg); background-repeat:repeat-y;

ตรง repeat-y หมายถึงต่อไปในแนวแกน y หากเปลี่ยนเป็น x จะต่อกันไปในแนวแกน x ครับ.

แต่ทั้ง 2 ชุด เอามาเขียนใหม่ได้ โดยเปลี่ยนเป็น

Code:

background: url(../images/3.jpg) 0 0 repeat-x;

ตรง 0 (ศูนย์) ตัวแรกคือตำแหน่งเริ่มต้นของภาพ คือ ด้านบนของภาพ สามารถเขียนอีกแบบคือ top
ตรง 0 (ศูนย์) ตัวที่สองคือตำแหน่งเริ่มต้นของภาพ คือ ด้านข้างของภาพ สามารถเขียนอีกแบบคือ left หรือ right

หรือ อยากให้มีพื้นที่มีสีเข้าไปแสดงตรงบริเวณที่ภาพสิ้นสุดความสูง ก็ใส่โค้ดสีเพิ่มเข้าไปเป็น

Code:

background: #FF0000 url(../images/3.jpg) 0 0 repeat-x;

ตรง #FF0000 คือโค้ดสีที่ว่า เอามาจากโปรแกรมได้หลายตัวครับ.

ขอบคุณสำหรับความรู้ครับ 

[ohmyoop]

 

[ohmyoop]

 

[lampamm]

เจอจนได้อ่ะครับ ข้อมูลเยี่ยมเลยอ่ะครับ ผมก็อยากจะลองเปลี่ยน พื้นหลัง เป็นภาพตามที่เราต้องการบ้างอ่ะครับ พยายามหาวิธีทำอยู่นานเหมือนกันครับ เด๋วต้องลองเอาไปใช้ดูหน่อยแหละ

[ossytong]

เยี่ยมไปเลยครับ

[themoon]

ขอบคุณครับ กำลังมีปัญหาอยู่เลย