` mr.wine za s t o r e des.ϟ

ลำดับตอนที่ #5 : stoernumber009

โค้ดสำหรับ อวาต้าร์คอมเม้น(ลูกเล่น.)

<style name="avatar" type="text/css">

/***อวาตาร์ของคนคอมเม้นท์***/

.avatar{

border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/

background:#000000!important;

border:1px dashed #000000!important;

padding:5px!important; /*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/

-webkit-transition:linear 2s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/

-moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

/*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/

}

.avatar:hover{

-webkit-transform:rotate(1deg); /*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/

border-radius:0% 0% 0% 0%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/

background:#ใส่โค้ดสีของพื้นหลังตอนเม้าส์ชี้!important;

border:1px dashed #ใส่โค้ดสีเส้นขอบตอนเม้าส์ชี้!important;

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear 1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

/*รูปอวาตาร์*/

img[src*='/1/newtoon/'],.user-pic-comment{

width:70px; /*ปรับขนาดความกว้าง*/

height:70px; /*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/

border-radius:10% 10% 10% 10%!important; /*ความโค้งของรูปอวาตาร์*/

-webkit-transition:linear 1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว) ปรับค่าได้*/

-moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{

border-radius:10% 10% 10% 10%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/

-webkit-transition:linear 3s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear 2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

<!--cr.itimYen>  </style>

</div>

 โค้ดเปลี่ยนสีบทวิจารณ์ คำนิยม.
- แบบที่ 1 -

<style type="text/css">h2.box04_head02 {

background: url("ใส่Url ภาพขนาด 120 x 40 เท่านั้นนะคะ")!important;

color: #ใส่โค้ดสีตัวอักษร;

font-size: 14px;

font-weight: bold !important;

height: 28px;

left: -2px;

padding-top: 18px;

text-align: center;

top: -7px;

width: 120px;}</style>

- แบบที่ 2 -
<style type="text/css">h2.box04_head02 {background: none !important;color: #ใส่โค้ดสีตัวอักษร;font-size: 14px;}</style>

 
      
 
 

H&H