Google
 

วันจันทร์ที่ 7 เมษายน พ.ศ. 2551

โค๊ดพื้นฐานที่ใช้ใน hi5


Comment มาอยู่ด้านซ้าย (สลับจากด้านขวา)
table {direction:rtl;}table table table {direction:ltr;}
อย่าลืมใส่โค๊ดด้านบนก่อนน่ะ
โค๊ดใส่รูปแบคกราวน่ะ
body {background-image: url(Url ของรูปภาพ) ;background-attachment: fixed ;background-repeat: repeat ;}#user-details { border: none; }.section .content { border: none; }Head dairy#profile-name {background-image:url(URLของรูปที่ใช้); width:ขนาดกว้างpx;height:ขนาดความสูงคร่ะpx}
โค๊ดใส่รูปตรงที่เป็น Icon online
#online-now-icon {BACKGROUND: url(URLของรูป);height: ขนาดpx;WIDTH: ขนาดpx; filter:none;}
Code ใส่รูปในกล่อง comment
textarea {background-image:url(URLของรูปน่ะค่ะ); border-style: inset; color: สีฟร้อนขณะพิมพ์ในกล่องคอมเม้น ; height: ความสูงpx; width: ความกว้างpx; }
Code ลบเส้นคั่นระหว่าง Comment
.listitem-separator {visibility: hidden;}
โค๊ดย้ายโปรไฟล์มาตรงกลาง ส่วน บาร์สีส้มจะอยู่ซ้ายมือโปรไฟล์ รูปเราจะอยู่ตรงกลางส่วนพวก Homwtown อยู่ขวามือค่ะ
#about-left { position: relative;left: 40%; }#about-center { position: relative;left: 40%; }#about-right { position: relative;right:65%; }
โค๊ดย้ายคอมเมนท์มาตรงกลาง(ตรงช่องคอมเม้นน่ะค่ะ)
.section .comment-text {TEXT-ALIGN: center; }
หมายเหตุleft - ซ้าย right - ขวา
Code ขยายรูป display Comment
.comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;}
Code Link hi5: ชี้Linkแร้วมีสีวิ๊บวั๊บสลับไปมา (หลายสี)
a:hover img {Filter:alpha(finishopacity=0, style=2)} a:hover {background-image:url(http://www.poqbum.com/animated_hover/images/blinkcolors.gif);}หมายเหตุ : สามารถเข้าไปเปลี่ยนแบบได้ที่เวป>>http://www.poqbum.com/animated_hover/images/blinkcolors.gif