Weekly post

  • Posted by : V May 19, 2010

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

    Oya.. Jangan lupa add Indoface saya juga ya!!
    Indoface Vian Depressive
    Thx ya!!


    Create BY : Vian Depressive

    UPDATE CSS INI SUDAH TIDAK BISA, KARENA INDOFACE TELAH MERUBAH CODING CSS NYA! thx. :)

    0 comments

  • Copyright © - Nisekoi - All Right Reserved

    Cho-Niki ! Powered by Blogger - Designed by Johanes Djogan