กล่องคอมเม้นท์มินิ CmBox-Ed.1

เกี่ยวกับ code


โค้ดชุดนี้ เป็นการจัดรูปแบบของ COmMEnt bOX โดยการย่อขนาดลงเหลือเพียง 185 X 230 และลบส่วนที่ไม่จำเป็นออกบางส่วน ทำให้บล๊อกดูโดดเด่นและเป็นสัดส่วน กระทัดรัดยิ่งขึ้น จะเห็นได้จากรูปตัวอย่าง ซึ่งเป็นขนาดเท่าของจริง



สำหรับโค้ดชุดนี้ เป็นเพียงการจัดรูปแบบของบล็อกคอมเม้นเท่านั้น ซึ่งยังไม่ได้รวมถึงการตกแต่งส่วนอื่น



Support: IE6-7-8, FireFox2-3, Chrome, Safari, Opera



* ภาพตัวอย่าง เป็นเพียงภาพประกอบทางอินเตอร์เน็ต อาจมีเนื้อหาหรือข้อความที่ไม่เหมาะสม โปรดใช้วิจารณญานในการอ่าน

Code:

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

#comments {width:185px}
#comments h1 {
background: rgb(234, 231, 212);
color: rgb(51, 51, 51);
font-size: 14px;
font-weight: bold;
letter-spacing:0px
}

h1#comment-heading a {display:none}

#comments h3 a {color:#1c1c1c;
font-size:10px !important}

#comments .subsection {
background-color: rgb(239, 236, 219);
background-image: url(http://i387.photobucket.com/albums/oo312/pawiz_4/bkgd_inews_tile.gif);
background-repeat: repeat-x;
height: 192px;width:171px;
margin-top: 0px;
overflow-y: auto;
overflow-x:hidden
}

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

.comment div {display:none}

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

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

.commentEditorNew form div {
text-align:right !important;
padding-top:0px !important;
}
.commentEditorNew textarea {
width:183px;height:70px;
border:solid 1px rgb(222, 222, 200);
}
.commentEditorNew input {
background: rgb(234, 231, 212);
border:double 3px rgb(222, 222, 200);
font-size:9px;width:70px;
text-align:right !important;
width:185px;cursor:pointer
}

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

#commentImage {display:none}
h2.editorTop {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]-->