โค้ด แต่ง-ซ้อน คอมเม้น เหมือนท๊อปเฟรน

เกี่ยวกับ code


เป็นการทำส่วนของ Comment ให้อยู่ในรูปแบบคล้ายกับท๊อปเฟรน

เมื่อนำเม้าส์ชี้แล้วจะเห็นข้อความ ที่เพื่อนคอมเม้น

Code:

<!--["return TURE"]>
<style type="text/css">
#comments .listitem-separator {visibility: hidden;}
.section .comment-text {background:url()  no-repeat;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
 
.section .comment-text {
TEXT-ALIGN:center;
color:#000000;
overflow:hidden;
}
.comment-picture {visibility: visible !important}
.comment div {visibility: hidden}
.comment-text {visibility: visible !important}
 
.comment-text img {max-height: 50%;max-width:50%;}

#comments .comment-text br {
display:none;}
 
.subsection .comment {height:102px !important; }

.comment-text {width:80px !important;overflow:hidden !important; }
div#comments div.comment {float: left !important;clear: none !important;width: 24% !important;overflow: hidden;}
div#comments  div.listitem-separator {display: none !important;clear: none !important;}
.section .comment-text {font-size:20px;
}
 
.comment-picture {background:url(); height:100px !important; width:100px !important;  padding-left:0px;padding-top:0px; background-repeat:no-repeat;}
.comment-picture img {width:100px; height:100px !important;}
 

.comment-picture img:hover {filter:none}
</style>
<! [endif]-->