Tag Archives: background

Code ทำกรอบ box, bg ให้ Comment

[-]?View Code <style type="text/css">
 
.subsection .comment {background: url(ใส่ URL รูปภาพ)
border: inset 3px #c00000
height: ความสูงของ box px overflow: auto}
 
</style>

โค้ดแต่ง Background ใน Hi5

โค้ดซ่อนรูปอัลบั้มไว้หลังรูปอื่น
<style type=”text/css”>
.album { background:url( urlของรูป );background-repeat:no-repeat; background-position: center center;}
.album:hover {background:url( urlของรูป );}
.album img {filter:alpha(opacity=0);}
.album img:hover {filter:alpha(opacity=100);}
</style>
———————————————————
โค้ดซ่อนรูปFiveไว้หลังรูปอื่น
<style type=”text/css”>
#user-fives a:hover img {filter:none}
.link_five img {display:none}
.link_five img {margin-top: 5px;}
.link_five {display: block;background: url( urlของรูป ) center center no-repeat;height: ความสูงpx;}
.link_five:hover img {display: block;}
.link_five .listitem-separator {display:none}
</style>
———————————————————–
โค้ดทุกอย่างอยู่ตรงกลาง
<style type=”text/css”>
#photoAlbums {display:none}
#recent-updates {display:none} #user-fives {position:relative;bottom: -0em;left: -20.2em;}
#content-left {position:relative;bottom: -57.5em;left: 0em;}
#friends {position:relative;bottom: -0em;left: -20.2em;}
.friend-picture{height:ความสูงรูปเพื่อนpx}
#photoAlbums {display:none}
#recent-updates {display:none}
#user-fives [...]

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

โค้ด ตกแต่ง hi5 ใส่ ภาพ background เป็นรูปภาพเดียวทั้งหน้า

[-]?View Code <!–
body {background-image:url(”ใส่ url ของรูปภาพที่นี่”)
background-position: center (bottom left..etc..)
background-repeat: no-repeatbackground-attachment:
fixedbackground-color:color code}
–>