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

( 10164 views )

รูปตัวอย่าง

กล่องเม้นhi5,กล่องคอมเม้นhi5,กล่องคอมเม้นมินิ,กล่องคอมเม้นเล็ก

Description

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

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

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

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

Last update: 13 August 2009

Code

<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>

** ต้องการให้บล๊อกชิดฝั่งขวา เพิ่มโค้ดนี้เข้าไปนะครับ

#comments { margin:0 0px 0 auto; }

25 Comment(s)

25.

fefa say:

November 28, 2009 - 22:02:16

http://fefa-kub99.hi5.com

ทัมไมใส่โค้ดเเล้วไม่ได้อ่ะคับ

24.

diew say:

November 27, 2009 - 02:16:59

ขอบคุงมากคร่ะพี่ต้า หนูชอบคอมเม้น แบบนี้จัง ^^

23.

Meow say:

November 10, 2009 - 12:45:52

รบกวนแก้ไข ไฮ5 ให้ด้วยค่ะ กล่องคอมเมนต์ เพื่อน และรูปภาพหาย ขอบคุณค่ะ

22.

cartoon say:

October 6, 2009 - 14:15:37