Code หลบข้อความคอมเม้นท์+กล่อง+เส้น

แบบที่ 1 Set สีขาว
[เหมาะกับ hi5 ที่มี Skin โทนสีขาว]<br>- BG สีขาว ตัวหนังสือ สีเทา ครับ + ตัวหนังสือทำเป็นเส้นคั่นระหว่างคอมเม้นท์<br>- รูปของเพื่อนที่มาเม้นท์ให้ จะจัดให้อยู่ด้าน ซ้ายมือครับ ตัวหนังสือเม้นท์ก็จะอยู่<br>กึ่งกลางของกล่องเม้นท์<br><br><strong><font color=" #3366ff="">Code มีดังนี้ครับ

<style type="text/css">.subsection .comment {height:104px !important;}.subsection .comment:hover {height:140% !important;overflow-y:auto;}.comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;align:center} .section .comment-text {COLOR: # 8d8989;text-align:center;}.subsection .comment {background:url(http://img133.imageshack.us/img133/7122/commentboxnewqu2.jpg);
height: 207px; overflow: auto;}.subsection .comment {border-none }.subsection .comment {scrollbar-face-color: #ffffff;     scrollbar-shadow-color: #ffffff;   scrollbar-highlight-color: #ffffff;    scrollbar-3dlight-color: #ffffff;    scrollbar-darkshadow-color: #ffffff;  scrollbar-track-color: #ffffff;              scrollbar-arrow-color: #999292;        }#comments .listitem-separator {background:url
(http://img513.imageshack.us/img513/8106/linecommentnewgn3.jpg)
top center no-repeat !important;height: 40px !important;}</style>

---

แบบที่ 2 Set สีชมพู
[เหมาะกับ hi5 ที่มี Skin สีชมพู,แดง ]
- BG สีชมพู ตัวหนังสือ สีแดงเข้ม+ ตัวหนังสือทำเป็นเส้นคั่นระหว่างคอมเม้นท์
- รูปของเพื่อนที่มาเม้นท์ให้ จะจัดให้อยู่ด้าน ซ้ายมือ ตัวหนังสือเม้นท์ก็จะอยู่
กึ่งกลางของกล่องเม้นท์ครับ

Code มีดังนี้

<style type="text/css">

.subsection .comment {height:104px !important;}

.subsection .comment:hover {height:140% !important;overflow-y:auto;}

.comment-picture {height:100px !important; width:100px;}

.comment-picture a img {width:100px; height:100px;align:center}

.section .comment-text {COLOR: #f32e2e;text-align:center;}

.subsection .comment

{background:url(http://img207.imageshack.us/img207/9087/commentboxpinkcp2.jpg);
height: 207px; overflow: auto;}

.subsection .comment {border-none }

.subsection .comment

{

scrollbar-face-color: #f5aeae;    

scrollbar-shadow-color: #f5aeae;  

scrollbar-highlight-color: #f5aeae;   

scrollbar-3dlight-color: #f5aeae;   

scrollbar-darkshadow-color: #f5aeae; 

scrollbar-track-color: #f5aeae;             

scrollbar-arrow-color: #f32e2e;       

}

#comments .listitem-separator {background:url
(http://img207.imageshack.us/img207/3056/linecommentpinkeb9.jpg)
top center no-repeat !important;height: 40px !important;}

</style>

---

แบบที่ 3 Set สีฟ้า
[เหมาะกับ Hi5 ที่มี Skin สีฟ้า,น้ำเงิน ]
- BG สีฟ้า ตัวหนังสือ สีขาว+ ตัวหนังสือทำเป็นเส้นคั่นระหว่างคอมเม้นท์
- รูปของเพื่อนที่มาเม้นท์ให้ จะจัดให้อยู่ด้าน ซ้ายมือ ตัวหนังสือเม้นท์ก็จะอยู่
กึ่งกลางของกล่องเม้นท์ครับ

Code มีดังนี้

<style type="text/css">

.subsection .comment {height:104px !important;}

.subsection .comment:hover {height:140% !important;overflow-y:auto;}

.comment-picture {height:100px !important; width:100px;}

.comment-picture a img {width:100px; height:100px;align:center}

.section .comment-text {COLOR: #ffffff;text-align:center;}

.subsection .comment

{background:url(http://img440.imageshack.us/img440/7004/commentboxblueyu8.jpg);
height: 207px; overflow: auto;}

.subsection .comment {border-none }

.subsection .comment

{

scrollbar-face-color: #5faef1;    

scrollbar-shadow-color: #5faef1;  

scrollbar-highlight-color: #5faef1;   

scrollbar-3dlight-color: #5faef1;   

scrollbar-darkshadow-color: #5faef1; 

scrollbar-track-color: #5faef1;             

scrollbar-arrow-color: #1d6db2;       

}

#comments .listitem-separator {background:url
(http://img120.imageshack.us/img120/3074/linecommentbluebb4.jpg)
top center no-repeat !important;height: 40px !important;}

</style>