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...
#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
button inboxnya masih lum bisa di klik tuuuhh.. ketutupan sama gambar.............. piye to maaas.........
sorry.. bukannya itu border yg bentuknya titik2.. ?
maksud'e kie itu tempat kita ngatur Line pinggir.
py ya jelaskan..
yo ngono iku lah...
Ha..ha..ha..ha...
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 )
Corry..corry...
ini masih hajar-menghajar lagi...
MP nggak ada matinye... Gile.
dari situ pan entar malah jadi pinter beneran...
teng kyu..teng kyu...
AYO... HAJAR TERUS..!!!
Kekekekekek...
tp, jadi tambah seru..!!!
Ini MP-nya Groenger malah jadi remuk gak karuan.
Wakakakakakak...
(ho'oh apa yo?)
kekekekekek....
ini lagi oper ke kiri & ke kanan...
Huwaa... malah kecapek'an...
Hiks...
sembarang kalir wiss...
huwakakakakakakak...
jangan!!!!
kalo' colour code gak diganti, semuanya bakal gelap.
harus di modifikasi Bu...!!!!
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.