Group Blog
 
All blogs
 
โค๊ต Background ค่ะ

โค๊ตทั้งหมดได้จากการรวบรวมมาจากเวปต่างๆค่ะ
1.ใส่ bg แบบ tile<style>body{background-image:url(XXX);} </style>


2.ใส่ bg แบบ fixed ไม่ให้ bg เลื่อนลงตาม scroll
bar<style>body{background-attachment: fixed;background-image:url(XXX);} </style>


3.ใส่ bg เป็นรูปภาพเดียวทั้งหน้า<style>Body{background-image:url(http:XXX);background-position: center (bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;} </style>


4.ใส่ bg โดยใช้สี<style>body{background:color 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 ไล่สีตามแนวตั้ง


6.ให้ภาพอยู่ - กลางบล็อก<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


7. ให้ภาพอยู่ - มุมซ้ายบน<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: left top;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


8. ให้ภาพอยู่ - มุมซ้ายกลาง<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: left center;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


9. ให้ภาพอยู่ - มุมซ้ายล่าง <style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: left bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


10. ให้ภาพอยู่ - มุมขวาบน<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: right top;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


11. ให้ภาพอยู่ - มุมขวากลาง<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: right center;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


12. ให้ภาพอยู่ - มุมขวาล่าง<style>Body {background-image:url("……ใส่ URLของภาพที่จะใช้……");background-position: right bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


13. ให้ภาพอยู่ - เรียงแนวยาวด้านบน
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "……ใส่สีพื้นหลัง……";}</style>


14. ให้ภาพอยู่ - เรียงแนวยาวด้านล่าง<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ; background-position:bottom ;background-repeat : repeat-x;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


15. ให้ภาพอยู่ - เรียงแนวตั้งด้านซ้าย<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:left ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>


16. ให้ภาพอยู่ - เรียงแนวตั้งด้านขวา<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:right;background-repeat : repeat-y;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>




Create Date : 09 กรกฎาคม 2551
Last Update : 9 กรกฎาคม 2551 21:07:17 น. 0 comments
Counter : 1846 Pageviews.
Share

Hawaii_Havaii
Location :

Thailand

United States

[Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 50 คน [?]


ผู้ติดตามบล็อก : 50 คน [?]


Friends' blogs
[Add Hawaii_Havaii's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.