26 Desember 2008

CSS code untuk menghiasi kotak coment

Ryudin Bagi teman teman yang ingin menghiasi kotak komentar di my opera, kamu bisa menambahkan kode kode seperti di bawah ini

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.

Tidak ada komentar:

Powered By Blogger
Powered By Blogger

Kamus Online

SAYA JUGA DISINI

Kamus Bahasa Arab

Kamus Bahasa Arab untuk web/blog
Kamus Bahasa Arab - Wednesday, 19 March 2008

Kata Mutiara