CARA MENGGANTI DAN MEMBUAT LAYOUT INDOFACE

Pertama Setelah Posting Cara Membuat Indoface, Sekarang saya mencoba mencari tau bagaimana cara mengganti layout indoface dan walau sedikit ribet pada awalnya karena sistemnya menggunakan ccs seperti friendster dulunya atau apabila anda sudah pernah mengenal blogger anda pasti tau bagaimana kode script.

Langkah-langkahnya :

Saya belajar membuat CSS nya. kamu tinggal ganti tulisan “MASUKAN LINK GAMBAR”. dengan link photo kamu,setelah kamu ganti akan seperti ini : background-image: url(http://www.google.co.id/images/srpr/nav_logo13.png);.

Untuk ukuran  gambarnya perhatikan di kode (Masukan Link Gambar) diatasnya ada ukurannya.

Setelah kamu masukan link photo kamu, terserah sumber linknya dari mana, atau upload photo disini !

Tinggal Kamu Copy Paste Ke dalam Indoface Kamu, Selesai

  • Jangan Lupa Komentarnya Teman :)
  • Ebhie Febrians Dimaestra

/*Profile Theme By Ebhie */

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————————–*/

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: