CSS Layout Indoface (IF)

Pasti udh pada tau Indoface kan???. Buat kamu yang lagi pada senang bermain Indoface atau yg biasa di sebut IF ini. Pasti pada bosen kan??? klo layout'a itu2 aj!! .

Nah.. saya kasih ni CSS nya. Klo kamu mau ganti gambar Layoutnya, kamu tinggal ganti tulisan "MASUKAN LINK GAMBAR".
contoh : background-image: url(MASUKAN LINK GAMBAR);. nah klo mau ganti gambarnya, tinggal hapus tulisan "MASUKAN LINK GAMBAR". inget!! hanya tulisan itu!!.
setelah kamu ganti akan seperti ini : background-image: url(http://www.google.co.id/images/srpr/nav_logo13.png);.

Seperti itu.. gampang kan!!
silahkan copy CSS d bwah ini, klo udh d copy, lalu paste di Indoface kamu..!! and jangan lupa!! di ganti dulu Link gambarnya!! OK!!


/*Profile Theme By Vian */

body{
background-color: #ffffff;
background-image: url(MASUKAN LINK GAMBAR);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
}


a.menu_item:link { color: #999; text-decoration: none; }
a.menu_item:visited { color: #999; text-decoration: none; }
a.menu_item:hover {
color: #999;
text-decoration: none;
}

div.content {
background-image: url(MASUKAN LINK GAMBAR);
background-repeat: no-repeat;
background-position: right;
padding: 0px 0px 100px 0px;
background-color: #000000;
}

a {
font-weight: bold;
}

a:link {
color: #999;
text-decoration: none;
}
a:visited {
color: #999;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: underline;
}

div.page_header {
font-size: 24px;
font-weight: bold;
color: #fff;
text-align: right;
padding-top: 220px;
padding-right: 40px;
padding-bottom: 10px;
padding-left: 40px;
line-height: 0%;
background-image: url(MASUKAN LINK GAMBAR);
background-repeat: repeat;
}

/* Yourname's profile Bar */
div.page_header {
{padding-bottom: 10px}: url(http://i223.photobucket.com/albums/dd314/jairyn_jaevairny/calendar-1.gif) repeat-x;
text-align: center;
line-height: 42px;
font-size: 18px;
font-weight: underline;
color: #ffffff;
}

/* Applies to most interior content */
div, td {
background: transparent;
font-family: Ravie; /* almost global font */
font-size: 15px;
color: #006600;

td.profile_leftside {
padding-top: 5px;
padding-left: 10px;
vertical-align: top;
width:250px;
}
td.profile_rightside {
padding: 5px 10px 0px 10px;
vertical-align: top;
}
td.profile_photo {
vertical-align: middle;
text-align: center;
border: 1px solid #DDDDDD;
padding: 5px;
height: 150px;
background-color: #000;
}

td.profile_menu1 a, div.nolink {
background-image: none;
background-color: #fff;
border-bottom: 1px solid #DDDDDD;
padding: 5px 5px 5px 7px;
font-size: 8pt;
display: block;
color: #70aaaf;
}

td.header {
background-image: none;
color: #000;
background-color: #fff;
border-bottom:none;
}

td.profile_menu1 a:hover {
background-color: #fff;
background-image: none;
text-decoration: none;
color: #000;
}

td.profile {
color: #fff;
background-color: #000;
}

td.profile table td {
background-color: #000;
color: #fff;
}

td.profile table td div{
background-color: #000;
color: #fff;
}


div.profile_content table td {
color: #fff;
}

div.profile_headline, div.profile_headline2 {
font-size: 10pt;
margin-bottom: 20px;
font-weight: bold;
color: #fff;
}

div.profile_field_value {
max-width: 500px;
overflow: auto;
color: #fff;
font-weight:bold;
}

td.profile_tab a {
background-color: #fff;
background-image: none;
padding: 7px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-left: none;
font-weight: bold;
display: block;
color: #000;
}
td.profile_tab a:hover {
background-color: #fff;
background-image: none;
padding: 7px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-left: none;
font-weight: bold;
display: block;
color: #000;
}
td.profile_tab2 a {
background-color: #000;
background-image: none;
padding: 8px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-bottom:none;
border-left: none;
font-weight: bold;
display: block;
color: #fff;
}
td.profile_tab2 a:hover {
text-decoration:none;
background-color: #fff;
background-image: none;
padding: 8px 10px 7px 10px;
border: 1px solid #AAAAAA;
border-bottom:none;
border-left: none;
font-weight: bold;
display: block;
color: #000;
}

div.profile_action table td{
padding: 0px 0px 5px 0px;
margin-bottom: 5px;
color: #fff;
font-weight:bold;
}

div.profile_action table td div{
color: #fff;
font-weight:bold;
}

div.profile_action_date {
color: #fff;
float: right;
padding-left: 5px;
font-weight:normal;
}
div.profile_comment_author {
float: left;
padding: 5px 7px 5px 7px;
background: transparent;
border-top: 1px solid #AAAAAA;
}
div.profile_comment_date {
text-align: right;
padding: 5px 7px 5px 7px;
background: transparent;
border-top: 1px solid #AAAAAA;
}

div.profile_comment_body {
color: #fff;
font-weight:bold;
}

div.profile_comment_body img {
max-width: 400px;
width: expression(this.width > 400 ? 400: true);
}

div.browse_friends_result {
border: none;
background: transparent;
}

a.top_menu_item:link { color: #999; text-decoration: none; }
a.top_menu_item:visited { color: #999; text-decoration: none; }
a.top_menu_item:hover { color: #999; text-decoration: none; }

/*------------------END--------------------------*/

Source : vian-a7x.blogspot.com