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;

Cara buat style constant background dari dotted box (di newshout style tentunya)

search #control {
tambah baris
background-color:#FFDFBF;
dengan background color disamakan dengan yang pada bagian html{

===

ambil
search
html {
baris pertama, ganti dengan

di

search layout.css
#body {
baris terakhir pada bagian
background: #FFFFFF url(http://oggix.com/shout/theme/flower-orange-big.gif) no-repeat fixed center;


=====

search
#shout {

ganti dengan

#shout {
text-align:left;
}

===
search
#comment {
pad bagian background, dihapus baris tersebut