Author : tonie
Generator : http://www.cubancouncil.com/friendster
Pengen buat friendster layout kamu dengan background foto kamu ?? gampang kok ikuti aja langkah-langkah berikut ini :
1. siapkan foto background dengan dimensi ukuran 800 x 600 atau 1024 x 768 pixels
2. upload foto anda di media penyimpanan foto pada internet, pada kasus contoh di : http://imageshack.us/ (simpan link foto yang telah di upload)
3. lalu copy semua kode-kode berikut dibawah ini :
/* PAGE BACKGROUND */
body {
background-image: url(http://img181.imageshack.us/img181/9152/mirretouchdv6.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #000000;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: underline;
color: #003399;
}
.usercontent a:hover {
color: #003399;
}
/* MASTER BOXES */
.commonbox {
border-width: 1px;
border-style: dotted;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #000000;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #000000;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
}
.controlpanel .data {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
}
.data a {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #000000;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #003399;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #000000;
border-color: #ffffff;
border-style: dotted;
background-color: #ffcc99;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
text-decoration: ;
}
body {
background-image: url(http://img181.imageshack.us/img181/9152/mirretouchdv6.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #000000;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: underline;
color: #003399;
}
.usercontent a:hover {
color: #003399;
}
/* MASTER BOXES */
.commonbox {
border-width: 1px;
border-style: dotted;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #000000;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #000000;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
}
.controlpanel .data {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
}
.data a {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #000000;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #003399;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #000000;
border-color: #ffffff;
border-style: dotted;
background-color: #ffcc99;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
text-decoration: ;
}
4. pastekan pada bagian customize CSS di profile friendster kamu.
5. lalu pada bagian /* PAGE BACKGROUND */ yaitu pada background-image: url() ubah link yang ada didalam () dengan link gambar anda yang telah anda simpan pada langkah ke 2 tadi.
6. lalu simpan.
selamat mencoba !!
Mas kaloo FTnya lebih dari satu cara masukin FT nya Gimana Ya??????.tolong mas BLZ post ke saya ini alamatnya conanbjm@gmail.com
BalasHapusedit dulu di photoshop !! baru masukin
BalasHapus