Cara buat style shoutbox butterfly ticking & style simple

BUTTERFLY TICKING


shout
border copy dari layout.css

date
tambah
text-align: right;
background: url(http://localhost/oggix.com/shout/theme/images/timer.gif) #FFE2C6 no-repeat 8px 5px;
==> colornya diambil dari layout.css

name
background diambil dari layout.css

comment
background: #FFEBD7 url(http://localhost/oggix.com/shout/theme/images/butterfly.gif) no-repeat right top;

background nya dari layout.css












SIMPLE



open orange.css
save as orange.simple.css

find #reply {

baris terakhir, ganti dengan ini
background: #FFFFFF url(http://localhost/oggix.com/shout/theme/images/standstone.gif) repeat-y left top;

find #shout {
baris pertama border: 1px dashed #FF6600;
dihapus baris itu

find #comment {

baris background: #FFEBD7 url(http://oggix.com/shout/theme/flower-orange.gif) no-repeat right top;

diganti menjadi
background: #FFEBD7;