27 Desember 2008
26 Desember 2008
CSS code untuk menghiasi kotak coment
Mulai dari tanda titik
.comments h2 {
font-size:13px;
}
.comments {
clear:both;
}
.comment1 {
width:85%;
(lebar sesuai keinginan)
clear:both;
background:transparent;
border:1px dotted #ffff00;
margin:15px 0;
overflow:auto;
}
.comments .bot {
padding:10px;
}
.comment2 {
clear:both;
margin:15px 0;
width:87%;
border:1px dotted #008000;
overflow:auto;
}
.ownercomment {
background:transparent url(http://files.myopera.com/Ryudin_/files/coment.jpg) bottom right no-repeat;
}
.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:2px solid #738294;
background:#808080;
}
.c-avatar img {
margin:4px;
}
.comments .text {
margin:0 0 0 69px;
}
.comment-by {
clear:both;
color:#ffff00;
font-size:11px;
margin:0;
padding-top:6px;
}
.username {
color:#ff0000;
}
.editcomment {
font-size:10px;
margin:0;
}
.editcomment a:link, .editcomment a:visited {
color:#008000;
}
.permalink a:link, .permalink a:visited {
color:#d1e5e6;
}
.del {
color:#c00 !important;
}
#addcomment {
height:35px;
}
#description, #writecomment {
height:40px;
}
#message {
height:50px;
background:transparent;
color:red;
font-size:17px;
}
#msubject {
width:100%;
}
copy kodenya disini
atau kamu jg bisa menggunakan kode yg ringkas seperti ini
.comment1,comment2 {background:#4B0082 url(http://img.jpg.png)top right no-repeat; } =url(http://img.gif)
#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#fff;
text-decoration:none;
}
tinggal tambahkan aja owner coment di bawahnya
silahkan di copy dan di edit sesuai keinginan.