Tampilkan postingan dengan label Friendster template. Tampilkan semua postingan
Tampilkan postingan dengan label Friendster template. Tampilkan semua postingan

04 Mei 2009

Background Friendster Black Edition

Berikut Koleksi Background FS dari aye. Lihat Juga koleksi lainnya disini
Klik lalu simpan di komputer kamu...Tapi kalo gak pengen susah susah copy paste aja code HTML nya di CSS FS kamu

Photobucket

Photobucket

Photobucket

Photobucket

Untuk memperoleh kode HTML, cukup klik pada gambar,maka akan muncul halaman baru (photobucket.com). Cari IMAGE LINK CODE di samping kanan gambar tersebut dan pilih Direct Link. Lihat gambar di bawah





Yang perlu diganti pada CSS Friendster (lihat yang tulisan warna merah)

/*page background*/
body {
background-color:000000;
background-image: url(http://i455.photobucket.com/albums/qq276/moon4981/FS%20template/MyBGcopy.png);
background-attachment: fixed;
background-position:top;
background-repeat:repeat-y;
border-color:292929;
border-width:10px;
border-style:solid;


Selamat Mencoba

22 September 2008

Calm and Smart

1. Calm and Smart (FIXED)

Klik pada gambar untuk ukuran sesungguhnya



2. Calm and Smart (SCROLL)


Untuk yang FIXED, Code CSS nya Silahkan Copy Code Di bawah ini


/*page background*/
body {
background-color:000000;
background-image: url(http://i455.photobucket.com/albums/qq276/moon4981/FS%20template/sweetaBS_Fixed.png);
background-attachment: fixed;
background-position:top;
background-repeat:repeat-y;
border-color:292929;
border-width:10px;
border-style:solid;

}
/*global fonts*/
.usercontent {
font-family:helvetica;
color:000000;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-weight:bold;
color:000000;
}
.usercontent a:hover {
color:ff0000;
}
/*main boxes*/
.commonbox {
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;

}
.commonbox h1, .commonbox h2 { /*header*/
color:ffffff;
background-color:transparent;

}
.commonbox .viewall { /*viewall link*/
font-weight:bold;
color:ff0000;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;

}
.commonbox .dr { /*name bars below photo blocks*/
color:000000;
background-color:000000;
}

/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-style:solid;
border-width:0px;
border-color:B00000;
}
.data { /*data answers*/
color:ff0000;

}
.controlpanel .q { /*data labels*/
color:ff0000;
}
.data a { /*data links*/
color:ff0000;
}
a.more { /*more about link*/
color:ff0000;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color:ffffff;
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;
}
#controlPanelButtons a:hover { /*buttons hover*/
color:ff0000;
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:000000;
}



Untuk yang SCROLL, ganti kode yang warna merah dengan kode di bawah ini

url(http://i455.photobucket.com/albums/qq276/moon4981/FS%20template/sweetaBS_Scroll.png);
background-attachment: scroll;


Sielamat mencoba

Friendster Layout : AbstractiveBlue


AbstractiveBlue

Tampilannya seperti yang dapat kamu lihat disamping.

Detil :
Background : fixed
General Font : Putih
Box Transparent (Tanpa Border)

Untuk Demo klik disini
Untuk melihat ukuran background sesungguhnya, Klik gambar di bawah ini


Copy Code CSS di bawah ini ke dalam editor CSS Friendster kamu

/*page background*/
body {
background-color:000000;
background-image: url(http://i455.photobucket.com/albums/qq276/moon4981/MyBGcopy.png);
background-attachment: fixed;
background-position:top;
background-repeat:repeat-y;
border-color:292929;
border-width:10px;
border-style:solid;

}
/*global fonts*/
.usercontent {
font-family:helvetica;
color:ffffff;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-weight:bold;
color:ffffff;
}
.usercontent a:hover {
color:ffffff;
}
/*main boxes*/
.commonbox {
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;

}
.commonbox h1, .commonbox h2 { /*header*/
color:ffffff;
background-color:transparent;

}
.commonbox .viewall { /*viewall link*/
font-weight:bold;
color:ff0000;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;

}
.commonbox .dr { /*name bars below photo blocks*/
color:ffffff;
background-color:000000;
}

/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
border-style:solid;
border-width:0px;
border-color:B00000;
}
.data { /*data answers*/
color:ff0000;

}
.controlpanel .q { /*data labels*/
color:ffffff;
}
.data a { /*data links*/
color:ff0000;
}
a.more { /*more about link*/
color:ff0000;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
color:ffffff;
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:transparent;
}
#controlPanelButtons a:hover { /*buttons hover*/
color:ff0000;
border-style:solid;
border-width:0px;
border-color:B00000;
background-color:000000;
}


20 September 2008

Layout friendster,template friendster

Template friendster gratis
(maaf...masih dalam tahap penyelesaian)
Untuk alternatif lain dapat kamu lihat disini
yosinaw