Melanjutkan "pengHajaran" yg tertunda...

kali ini kita akan merubah warna Font tulisan;

#000000 diganti dg color yg dimaksud.
color code bisa di ambil di sini

40px merupakan font size


ini code yang akan di copy paste di CSS CUSTOM

/* MERUBAH WARNA FONT */
h1#page_owner_title {
font-size: 40px;
color: #000000;
font-weight: bold;
font-family:Monotype Corsiva, Geneva;
}
a:link {color:#000000;
}
a.topt, a:visited.topt {color:#000000;
}
a.toptsel, a:visited.toptsel {color: #000000;
}
a:visited {color:#000000;
}
a.signout{color:#000000;
}
.itembox {color:#000000;
}
.itemboxsub {color: #000000;
}
.album {color: #000000;
}
a.post, a.post:visited {color:#000000;
}
.videothumb {color:#000000;
}
div.replybody {color:#000000;
}
div.replyboxstamp {color:#000000;
}
div.replyboxstamp a {color:#000000;
}


Kemudian ini untuk merubah Background box

http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg
merupakan background yang kita maksud. sebelumnya upload dulu foto kita di tempat yg aman. yg gak bakal pindah2x.

#000000 sama kayak sebelumnya, ini merupakan warna Background yg kita inginkan.
jika tidak memakai Background berupa Image, maka warna Background ini yg akan tampil.

border: 2px dotted #000000 adalah code untuk garis pinggir.
2px adalah besarnya garis
dotted  adalah bentuk garis

.itembox {

background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
background-color: #000000;
border: 2px dotted
#000000;

.itembox {
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
background-color: #000000;
border: 2px dotted
#000000;
border-top: none;
padding: 15px 10px 0 10px;
margin: 0px;
overflow: visible;
font-size: 14px;
text-align: justify;
color:
#000000;
}

.contactbox {
font-size: 11px;
border: none;
background: none;
-moz-border-radius: 0px;
}

.posteddate {
color:
#000000;
}

div.albumthumbnails, div.videothumbnails {
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
background-color: #000000;
border: 2px dotted
#000000;
padding: 15px;
text-align: center;
}

.album {
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
border: none;
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
-moz-border-radius: 0px;
color:
#000000;
font-weight: bold;
font-size: 11px;
text-align:center;
padding: 5px;
margin: 10px;
overflow: center;
}

.album:hover {
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
border: 2px solid
#000000;
padding: 7px 7px 7px 7px;
color:
#000000;
font-size: 10px;
}

.contactbox {
font-size: 11px;
border: none;
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
-moz-border-radius: 0px;
}
div.contactbox {
background: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
border: 2px dotted
#000000;
background-color: url(http://photos-d.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107203_3604.jpg) no-repeat bottom right;
-moz-border-radius: 0px;
color:
#000000;
font-weight: bold;
padding: 6px 6px 0px 6px;
text-align: center;
margin: 10px;
}

.infobox div.boxbody {
background: url(http://photos-e.ak.facebook.com/photos-ak-snc1/v275/161/71/1110276322/n1110276322_30107204_9180.jpg);
background-color:
#000000;
color:
#000000;
margin-top: 40px;
}



Tentang PADDING & MARGIN.
Padding itu untuk menentukan posisi kotak.
sedang margin, untuk mengatur jarak Kotak.

yang lain besok lagi ya...
Mo siap2x buat taraweh lagi.
He..he..he...

Komentar

rweena Osaka Osaka mengatakan…
piye nek dirimu tak ke-i password MP-ku trus garapno sing tak pingini...instruksi ne ruwet men..makane aku males
. ic4l . mengatakan…
SAYA MASIH MAU PROTES.............


button inboxnya masih lum bisa di klik tuuuhh.. ketutupan sama gambar.............. piye to maaas.........

rweena Osaka Osaka mengatakan…
eh si ica lagee...hahahahahahhahahah...nyarinyari inbox yaaa
Jogies jack mengatakan…
wah - wah TM banget
. ic4l . mengatakan…
ya pastilaaaaaaaaahh............. kan klo udah selese dari sini mau pencet apa coba selain inbox atau my site??? biarpun udah ada..... eh ternyata masih gag bisa di pencet juga........ ya terpaksa pencet gambar sendiri......... hehehe............
eRJi .. mengatakan…

sorry.. bukannya itu border yg bentuknya titik2.. ?
GroengerinE Ari mengatakan…
Ho'oh...
maksud'e kie itu tempat kita ngatur Line pinggir.
py ya jelaskan..

yo ngono iku lah...
Ha..ha..ha..ha...
eRJi .. mengatakan…

kali gak match sama base themenya, harus yang support.. kalo yg ini pake skyline theme..
coba liat base theme yg dipake apa ..
CSS nya gak match..

(uhuuiii sok pinter )
GroengerinE Ari mengatakan…
He..he..he...
Corry..corry...

ini masih hajar-menghajar lagi...
MP nggak ada matinye... Gile.
GroengerinE Ari mengatakan…
baguslah...
dari situ pan entar malah jadi pinter beneran...

teng kyu..teng kyu...

AYO... HAJAR TERUS..!!!
Kekekekekek...
GroengerinE Ari mengatakan…
Ho'oh...
tp, jadi tambah seru..!!!

Ini MP-nya Groenger malah jadi remuk gak karuan.
Wakakakakakak...
. ic4l . mengatakan…
hahaha............... terus apa bang belajar.............. lama" juga bakal bisa ko......... cuma butuh kreatifitas sedikit............ cukup 1 jam sebenarnya ngedit MP........ itu klo potonya lum jadi......... tapi klo semua udah siap 15 menit juga selese ko.............
GroengerinE Ari mengatakan…
Ho'oh...
(ho'oh apa yo?)
kekekekekek....

ini lagi oper ke kiri & ke kanan...
Huwaa... malah kecapek'an...
Hiks...
. ic4l . mengatakan…
terus semangat bang!!!!
rweena Osaka Osaka mengatakan…
Jadinya munyuk numpak honda ya om..remuk ndaa..xixixi
GroengerinE Ari mengatakan…
Ho'ohh... Ho'ohh... Ho'oh...
sembarang kalir wiss...

huwakakakakakakak...
Arita P Anggrahini mengatakan…
Aku Copy Paste waelah...Mumet....xixxixxixixixixixi....
GroengerinE Ari mengatakan…
whoohh...
jangan!!!!

kalo' colour code gak diganti, semuanya bakal gelap.
harus di modifikasi Bu...!!!!
Arita P Anggrahini mengatakan…
Terus ngantine bijimane...Aye puyeng baca kode2nya....(Mohon maaf ya bapak2, ibu2, kalo aye kebangetan Gaptek...)
GroengerinE Ari mengatakan…
#000000 diganti dg color yg dimaksud.
color code bisa di ambil di sini
40px merupakan font size

yang di garis bawah itu, bisa di klik, terus masuk ke colour code.

emang semuanya entar copy paste.
tp, kalo #000000 gak diganti, semua font bakal item warnanya.
coz, #000000 itu codenya warna item.