สังคมของการเรียนรู้ และแบ่งปัน ชอบตกแต่ง โปรไฟล์ Hi5 หน้าเว็ป ด้วยโค๊ด HTML.Java.เชิญทางนี้ครับ more...
ก่อตั้งโดย poneag
กระทู้: รวม Code การใส่ภาพ Backgound

 

 

 

รวม Code การใส่ภาพ Backgound

 

 

1.ใส่ bg แบบ tile

<style>body{background-image:url(URL.ของภาพ);}</style>

 

 

 
2.ใส่ bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll bar
 

<style>body{background-attachment: fixed;background-image:url(Url.ของภาพ);}</style>

 

 

3.ใส่ bg เป็นรูปภาพเดียวทั้งหน้า

<style>Body{background-image:url(Url.ของภาพ);background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}</style>

 

 

4.ใส่ bg โดยใช้

<style>body{ code สีที่จะใช้ }></style>

 

 

5. ใส่ bg โดยไล่เฉดสี (gradient)

 

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">
 
 
gradienttype 0 ไล่สีตามแนวนอน
gradienttype 1 ไล่สีตามแนวตั้ง
 
 
 
ภาพพื้นหลังสวยๆ ในกระทู้นี้
 
http://club.clipmass.com/group_posts.php?gid=2171&tid=11493

http://club.clipmass.com/group_posts.php?gid=2171&tid=11463

http://club.clipmass.com/group_posts.php?gid=2171&tid=11462
 
 
คำแนะนำ
การใช้ขนาดภาพที่เหมาะสม ควรมีขนาดความกว้างของภาพที่  1050 x .... px.

 
 

ขอบคุณที่แวะมา คอมเม้นท์ไว้เป็นกำลังใจกันบ้างนะครับ

โพสต์โดย
poneag

11 ก.ย. 55 เวลา 16:09 2,048 2
  • ความเห็นที่ 1
    ขอบคุณค่ะ
    โพสต์เมื่อ 24 ธ.ค. 56 เวลา 15:17
    โดย

    noguchieed
  • ความเห็นที่ 2
    ว้าววว คุนค้าบ เดียวลองดู หุๆๆ
    โพสต์เมื่อ 5 ต.ค. 55 เวลา 19:36
    โดย

    pen1 one11