Cara editing background simple
Ni baru ada dua background fs buat referensi lo semua …. Tapi udah sedikit gue ubah .. :D
Klo soal warna pasti kalah ma layout yang ada di web … tapi klo lo orangnya simple and calm … lo bisa make ni background …. Tapi ingat …yang gue tandain merah ntar lo ganti make HTML photo lo …
/* PAGE BACKGROUND */
body {
background-image: url(http://i629.photobucket.com/albums/uu14/dika_gudeg/29042009624-4.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
Nah itu yang harus lo .. perhatiin .. jangan asal lo copy paste ajah … :D
1. Ni buat para Cowok
/* {-- http://www.friendstercode.net/ css code start --} */
/* http://www.friendstercode.net/ - Free Friendster Code Resource, Friendster Skins and Profile Customization */
/* PAGE BACKGROUND */
body {
background-image: url(http://i629.photobucket.com/albums/uu14/dika_gudeg/29042009624-4.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color: #BA0739;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #BA0739;
}
.usercontent a:hover {
text-decoration: none;
color: #ff9900;
}
/* MASTER BOXES */
.commonbox {
border-width: 3px;
border-color: #550FA6;
border-style: dotted;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: transparent;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 3px;
border-color: #550FA6;
border-style: dotted;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #550FA6;
border-style: dotted;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #BA0739;
}
.controlpanel .data {
color: #BA0739;
}
.data a {
color: #BA0739;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #BA0739;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #BA0739;
border-color: #550FA6;
border-style: dotted;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #ff9900;
border-color: #550FA6;
background-color: transparent;
text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #BA0739;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: transparent;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #550FA6;
border-style: dotted;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: transparent;
background-color: transparent;
}
2. Ni buat para Cewek
/* {-- http://www.friendstercode.net/ css code start --} */
/* http://www.friendstercode.net/ - Free Friendster Code Resource, Friendster Skins and Profile Customization */
body {
background-image: url(http://s190.photobucket.com/albums/z246/fcnweb/layout/VectorMusicGirlBg.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #1C3D39;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #1C3D39;
}
.usercontent a:hover {
text-decoration: none;
color: #047F9E;
}
/* MASTER BOXES */
.commonbox {
border-width: 2px;
border-color: #3E4746;
border-style: solid;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: transparent;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 2px;
border-color: #3E4746;
border-style: solid;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #3E4746;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #1C3D39;
}
.controlpanel .data {
color: #1C3D39;
}
.data a {
color: #1C3D39;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #1C3D39;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #1C3D39;
border-color: #3E4746;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #047F9E;
border-color: #3E4746;
background-color: transparent;
text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #1C3D39;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: transparent;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 2px;
border-color: #3E4746;
border-style: solid;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: transparent;
background-color: transparent;
}
Nah sekarang tinggal sentuhan terakhir (copy + paste di CSS Friendster + save)
Selamat mencoba … :D
