Bloggang.com : ~anrin~ : โค๊ด บีจี

โค๊ด บีจี

โค๊ด บีจี

ถ้าให้พื้นหลังเหมือนกันทุกหน้าก็นำโค๊ดบีจีไปใส่ที่จัดการ Script area
ถ้าจะเปลี่ยนบีจีทุกครั้งที่สร้างบล็อก ก็นำโค๊ดบีจีใส่ตรงรายละเอียดทุกครั้งที่สร้างบล็อกใหม่

โค๊ด บีจีทำซ้ำ เลื่อนขึ้น-ลง ตาม scrollbar

<*style>Body{background-image:url('URL ของบีจี');background-repeat:repeat;background-position:;-<*/style>

โค๊ด บีจีอยู่กับที่ไม่เลื่อนตาม scrollbar

<*style>body{background-attachment: fixed;background-image:url(URLของบีจี);}<*/style>

ใส่ bg แบบ tile
<*style>body{background-image:url(xxx);} <*/style>

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

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

ใส่ bg โดยใช้สี
<*style>body{background:โค้ดสี}><*/style>

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

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

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

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

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

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

บีจีจากภาพเล็กๆหลายภาพเรียงกัน
<*style>body{background-attachment: fixed;background-image:url(ใส่ URLของภาพที่จะใช้);}<*/style>

โค๊ด สำหรับทำบีจีแจก(ทำให้ทดลองคลิกดูลายบีจีได้เลย)
<*a href=javascript:document.body.style.backgroundImage='url("urlภาพbg")'; document.close();><*IMG src="urlภาพbg แบบกำหนดขนาดเล็ก" width="200"<*/a>

..........................................................................................

Create Date : 12 กรกฎาคม 2554

Last Update : 1 สิงหาคม 2554 15:29:30 น.

1 comments

Counter : 947 Pageviews.

Thanks: ฟังวิทยุออนไลน์|Dictionary|หาเพื่อน|เกมส์|ตรวจสลากกินแบ่งรัฐบาล

โดย: auyza

วันที่: 13 กรกฎาคม 2554 เวลา:0:34:15 น.