Bloggang.com : ebaemi : ★｡(☆*.....รวมโค๊ดใส่ background ..... *☆)｡★

★｡(☆*.....รวมโค๊ดใส่ background ..... *☆)｡★

เปลี่ยนรายละเอียดที่ต้องการ ตรงข้อความ สีชมพู

คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก
คำสั่งที่ใส่ที่ช่องรายละเอียดตอนสร้างบล้อก จะแสดงเฉพาะที่บล็อกนั้น

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

โค๊ด bg ด้านซ้ายของบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:left ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>

โค๊ด bg ด้านขวาของบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-position:right ;background-repeat:repeat-y ;background-attachment : fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>

โค๊ด bg line หัวบล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "……ใส่สีพื้นหลัง……";}</style>

โค๊ด bg line ใต้บล็อก
<style>body {background-image:url("……ใส่ URLของภาพที่จะใช้……") ; background-position:bottom ;background-repeat : repeat-x;background-attachment: fixed;background-color: "……ใส่สีพื้นหลัง……";}</style>

โค๊ด 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>

โค๊ด bg โดยใช้สี
<style>body{background:color code}></style>

โค๊ด bg โดยไล่เฉดสี (gradient)
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='color code 1', startColorstr='color code 2', gradienttype=0);">

gradienttype 0 ไล่สีตามแนวนอน
gradienttype 1 ไล่สีตามแนวตั้ง

โค๊ด bg แบบ tile
<style>body{background-image:url(URLของภาพ);}</style>

มีปัญหาสงสัยเรื่องแต่งบล็อกฝากคำถามไว้ที่นี่นะค่ะ คลิกเลย
ขอบคุณโค๊ดจากบล็อก ป้ามด ค่ะ

Create Date : 19 กันยายน 2551

Last Update : 19 กันยายน 2551 9:04:42 น.

0 comments

Counter : 3982 Pageviews.