กล่องคอมเม้นท์ ManUtd. (CMBox-Ed.3v1)

เกี่ยวกับ code


โค้ดชุดนี้ จะเป็นการจัดรูปแบบ Comments โดยออกแบบสำหรับแฟน ManUtd. บล๊อกคอมเม้นจะมีขนาดปกติ แต่จะมีการย่อขนาดลง ในส่วนของกล่องพิมพ์และข้อความคอมเม้นท์

โค้ดทั้งหมด ได้ปรับปรุงให้สามารถแสดงผลรองรับได้ทุกบราวเซอร์ และแสดงผลเหมือนกัน (ต่างกันเพียงสีสกอบาร์ ที่จะแสดงผลในบราวเซอร์ตระกูล IE เท่านั้น)

คุณสามารถนำโค้ดทั้งหมดไปใช้ได้ทันที และสามารถตกแต่งส่วนอื่นๆ เพิ่มเติ่มได้จากโค้ดที่เกี่ยวข้องภายในเว็บ

Code:

<!--["return TURE"]>
<style>

#comments h1 {
background:url(http://i568.photobucket.com/albums/ss127/tapopo_2009/cm-box-manutd-v1.gif) no-repeat top left;
height:141px;
display:block;
text-indent:-999px;
border:none
}

#comments h3 {
border:none;
height:70px;
}

#comments h3 a {
color:red;
position:relative;
margin-left:50px;
font-size:15px
}

#comments .subsection {
height:170px;
width:222px;
overflow-x:hidden;
overflow-y:auto;
margin-left:42px;
margin-top:5px;
scrollbar-arrow-color: #000;
scrollbar-face-color: #363636;
scrollbar-highlight-color: #363636;
scrollbar-3dlight-color: #363636;
scrollbar-shadow-color: #363636;
scrollbar-darkshadow-color: #363636;
scrollbar-track-color: #000;
}

#comments .content {
background:url(http://i568.photobucket.com/albums/ss127/tapopo_2009/cm-box-manutd-v1.gif) no-repeat 0px -141px;
height:277px;
}

#comments .footer {
background:url(http://i568.photobucket.com/albums/ss127/tapopo_2009/cm-box-manutd-v1.gif) no-repeat bottom left;
height:77px;display:block;
}

.comment {width:200px;
margin-left:-2px !important;}

.comment div {display:none}

.comment-text {
width:140px !important;
height:auto;
margin-left:0px !important;
margin-top:0px !important;
font-size:9px;
display:block !important;
overflow:hidden !important;
color:white
}

.comment-picture,
.comment-picture a img {
display:block !important;
width:40px !important;
height:40px !important;
border:none
}

div.commentEditorNew {
width:238px;
overflow:hidden;
margin-left:41px
}

.commentEditorNew form div {
padding-top:0px !important;
}
.commentEditorNew textarea {
width:238px;height:70px;
overflow-y:hidden;
background-color:#464646;
border:none
}
.commentEditorNew input {
background-color:#464646;
width:238px;cursor:pointer;
font-size:9px;border:none
text-align:right !important;
}

#comments .listitem-separator {
width:180px;visibility:hidden;
height:1px !important;
line-height:1px !important
}

#comments h2 {display:none}
h2.editorTop {display:none}
#commentImage {display:none}
.comment-text img {display:none}
.comment-text object {display:none}
.comment-text br {display:none}
.comment-text div {display:none}
.comment-text font {color:black!important}
.comment-text a img {display:none}
.comment-text embed {display:none}
.comment-text b,.comment-text u,
.comment-text s,.comment-text i
{display:none}

</style>
<! [endif]-->