Portrait Of A Whisper

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    Group
    Fuonder
    Posts
    13,511
    Reputation
    +83

    Status
    Offline

    ANTEPRIMA

    info & credits: è assolutamente vietato togliere i crediti e non sono permesse modifiche al CSS senza il mio consenso. è invece possibile cambiare il logo, lo sfondo e i bottoni.
    ----------------------------------------------------------------------------
    01 - impostate la skin ICGstation

    02 - gestione codici HTML

    02a - in cima al sito:
    CODICE
    <br><div id="container">


    02b - in fondo al sito
    <div style="overflow: auto; height:100px; width:auto">
    CODICE
    <table style="width: 250px; background-color: #; color: #b3b3b3; border-bottom:1px dashed #c3b79d; padding-bottom: 2px" cellPadding="0" cellSpacing="0">
    <tr>
    <td align="center"><b>portrait of a whisper</b> skinned by <a href="http://slytherin.blogfree.net/">straydoll</a>
    </tr> </table> <br> <br> </div>


    03 - modifica colori e stili
    CODICE
    body {background-colour: #000000; font-family: trebuchet ms, verdana, tahoma, arial; font-size: 9px; color: #979797}
    table, div {font-size: 9px; color: #979797; line-height: 80%}
    a:link, a:visited {text-decoration: none; color: #9C849C}
    a:hover {color: #C3B79D; font-style: italic}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 10px; border-bottom: #CEC2A8 dashed 1px}
    .nav a:link, .nav a:visited {color: #C3B79D; font-weight: bold} .nav a:hover {color: #9C849C; font-weight: bold}

    /* DIMENSIONI FORUM */
    .header_width, .skin_tbl_width, .skin_tbl {width: 95%}
    .stats .border {width: 95%}

    /* CONTAINER */
    #container {background-color: #; margin-left: auto; margin-right: auto; width: 580px}


    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #E5D2B2; font-weight: bold}
    .moderatore {color: #CFCDF1; font-weight: bold}
    .utente {}
    .daconvalidare {color: #C7BF6A}
    .gruppo1 {color: #EABEBF; font-weight: bold}
    .gruppo2 {color: #EFC9BA; font-weight: bold}
    .gruppo3 {color: #C6BAC8; font-weight: bold}
    .gruppo4 {color: #E8BEB0; font-weight: bold}
    .gruppo5 {color: #CCAFC6; font-weight: bold}
    .gruppo6 {color: #CD8D92; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {text-align: right; letter-spacing: 0; word-spacing: 0; padding-top: 10px; font-size: 7pt; color: #C3B79D; font-style: italic; font-family: trebuchet ms}
    .mback {height: 22px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mback.png); background-repeat: repeat-x}
    .mback {height: 22px}
    .msub {height: 18px; font-size: 3px}
    .mleft_top {width: 9px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mleft_top.png); background-position: top right; background-repeat: no-repeat}
    .mleft {width: 9px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mleft.png); background-position: right; background-repeat: repeat-y}
    .sep_left {width: 10px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mback.png); background-position: right; background-repeat: repeat-y}
    .mleft_bottom {width: 9px; height: 5px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mleft_bottom.png); background-position: top left; background-repeat: no-repeat}
    .msub_center {background-image: url(http://digilander.libero.it/shineonthrough/poaw/msub.png); background-repeat: repeat-x}
    .mright_top {width: 9px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mright_top.png); background-position: top right; background-repeat: no-repeat}
    .mright {width: 9px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mright.png); background-position: right; background-repeat: repeat-y}
    .mright_bottom {width: 9px; height: 5px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mright_bottom.png); background-position: top right; background-repeat: no-repeat}
    .sep_right {width: 11px; background-image: url(http://digilander.libero.it/shineonthrough/poaw/mback.png); background-position: right; background-repeat: repeat-y}

    /* BARRA UTENTE */
    .header_width {width: 60%}
    .header {background-color: #; border: 0; border-bottom: 0}
    .menu {background-position: center; text-align: center; height: 15px; background-color: #FFF}
    .menu .highlight {background-position: center; text-align: center; font-weight: bold; color: #CEC2A8}
    .menu select, .menu input, .menu_right, .menu form {display: none}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-color: #ffffff}
    .title, .title2, .foot, .row2 {height: 10px; font-weight: normal; color: #CECECE; background-color: #FFFFFF; border: 0 solid #EBEAEA; border-bottom: 0; letter-spacing: 0; word-spacing: 0}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #FFFFFF; border: 0 solid #EBEAEA; border-bottom: 0}
    .web {font-size: 9px; line-height: 90%; letter-spacing: 0; font-family: trebuchet ms; font-weight: bold}
    .desc {font-size: 9px; color: #979797; line-height: 80%}
    .board .foot {display: none}

    /* STATISTICHE */
    .stats .title2 {height: 15px; border-bottom: 1px dashed #C3B79D; background-image: none; background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF; letter-spacing: 0; font-size: 7.5pt; color: #B3B3B3; text-transform: uppercase; font-weight: bold}
    .sunbar {height: 25px; font-weight: bold; color: #B3B3B3; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .stats .ww, .stats .aa {background-color: #FFFFFF}
    .stats .ww {text-align: center}
    .highlight {color: #C3B79D}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited {color: #C3B79D} .highlight a:hover {text-decoration: line-through}

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #C3B79D; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .nick {font-size: 12px; color: #C3B79D; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    #quote {border: 1px solid #1; background-color: #FFFFFF; color: #B3B3B3; font-size: 9px; padding: 2px; border-left: 1px dotted #C3B79D; border-right: 1px dotted #C3B79D}
    #code {border: 1px solid #1; background-color: #FFFFFF; color: #B3B3B3; font-size: 9px; padding: 2px; border-left: 1px dotted #AF96AE; border-right: 1px dotted #AF96AE}
    .color {font-size: 9px; line-height: 90%}
    .color a:hover {text-decoration: underline}
    hr {color: #D5D5D5}
    .fancyborder {background-color: #F4F4F4; border: 1px dashed #D0D0D0}
    .edit {font-size: 0; font-style: italic; color: #D5D5D5}
    .bottomborder {border-bottom: 1px dashed #D8D8D8; line-height: 70%}
    .signature {color: #BDBDBD; line-height: 90%}
    .sep {height: 0}

    /* SONDAGGIO */
    .title2 {height: 12px; font-weight: bold; color: #CACACA; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .title2 a:link, .title a:visited, .title a:active {color: #9C849C}
    .title2 a:hover {color: #AF96AE}
    .row1 {background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .row2 {height: 7px; font-weight: bold; color: #; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .bar_left {height: 9px; width: 8px; background-image: url(http://i51.tinypic.com/n69bv5.jpg); background-repeat: repeat-x}
    .bar {height: 9px; background-image: url(http://i51.tinypic.com/n69bv5.jpg); background-repeat: repeat-x}
    .bar_right {height: 9px; width: 8px; background-image: url(http://i51.tinypic.com/n69bv5.jpg); background-repeat: repeat-x}


    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main, .row1 {background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0}
    .row3 {background-color: #FFFFFF; border: 1px solid #FFFFFF}
    .title3, .darkbar {height: 23px; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: 0; font-weight: bold; color: #C3B79D}
    .title3 {border: 0}
    height: 25px; font-weight: bold; color: #444; background-color: #ffffff
    .msg .details p {color: #C3B79D; font-size: 10px; line-height: 90%}
    .msg .details {font-size: 8pt}
    .info {padding: 3px; background-color: #FFFFFF; color: #C3B79D; border: 1px solid #FFFFFF}
    .alert {padding: 3px; background-color: #FFFFFF; color: #C3B79D; border: 1px solid #FFFFFF}
    .color {font-size: 9px; line-height: 85%; padding: 2px; color: #B5B5B5}

    /* PROFILO UTENTI */
    .pagetitle {font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 90%}
    .profile .title2 {border: 0; border-bottom: 1px solid #FFFFFF}
    .profile .row1 {border: 0; background-color: #FFFFFF}



    /* INPUT */
    .textinput, .forminput, .input, .codebuttons {border: 1px solid #E2E1E1; background-color: #F3F2F2; color: #B5B5B5; font-size: 7pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .forminput {font-size: 7pt}
    .menu .textinput, .menu .forminput {background-color: #F4F4F4; border-left: 1px solid #E2E1E1}
    .msg .textinput {background-color: #FFFFFF; color: #B5B5B5; font-size: 7pt}
    .msg .input, .msg .forminput {background-color: #FFFFFF}




    04 - Modifica Immagini nella Modifica Rapida:
    CODICE
    A_STAR:*
    A_REPLY:<b>RISPONDI </b>
    A_POST:<b>TOPIC </b>
    A_POLL:<b>SONDAGGIO </b>
    A_POLLONLY_B:<b>CHIUSO </b>
    A_LOCKED_B:<b>CHIUSO </b>
    M_REPLY:<b>RISPONDI </b>
    M_ADDMEM:<b>ADD </b>
    M_DELETE:<b>CANCELLA </b>
    M_UNREAD:<img src='http://i38.tinypic.com/nnmhso.jpg' width='16' height='16' alt='B_NEW'>
    M_READ:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_NORM'>
    C_ON:<img src='http://i37.tinypic.com/sblxjd.jpg' width='16' height='16' alt='C_ON'>
    C_OFF:<img src='http://i36.tinypic.com/29bhp47.jpg' width='16' height='16' alt='C_OFF'>
    C_ON_RES:<img src='http://i37.tinypic.com/sblxjd.jpg' width='16' height='16' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://i36.tinypic.com/29bhp47.jpg' width='16' height='16' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://i36.tinypic.com/29bhp47.jpg' width='16' height='16' alt='C_LOCKED'>
    F_ACTIVE:<img src='http://i35.tinypic.com/2qwig0k.jpg' width='16' height='16' alt='F_ACTIVE'>
    F_STATS:<img src='http://i38.tinypic.com/2evaflv.jpg' width='16' height='16' alt='F_STATS'>
    B_NEW:<img src='http://i38.tinypic.com/nnmhso.jpg' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://i38.tinypic.com/nnmhso.jpg' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://i38.tinypic.com/nnmhso.jpg' width='16' height='16' alt='B_POLL'>
    B_POLL_NN:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_POLL_NN'>
    B_MOVED:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://i36.tinypic.com/11bhu92.jpg' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:<img src='http://i35.tinypic.com/2sbplqs.jpg' width='10' height='10' alt='NEW_POST'>
    P_DELETE:cancella <b> </b>
    P_EDIT:modifica <b> </b>
    P_QUOTE:rispondi <b> </b>
    P_MSG:mp <b> </b>
    P_EMAIL:email<b> </b>
    P_WEBSITE:www<b> </b>
    P_MSN:msn<b> </b>
    P_YIM:yim<b> </b>
    P_ICQ:icq <b> </b>
    P_UP:http://i35.tinypic.com/2sbplqs.jpg
    F_NAV:<img src='http://digilander.libero.it/shineonthrough/poaw/045.png' width='10' height='10' alt='F_NAV'>
    ICON_SEARCH:http://i37.tinypic.com/2z738rm.jpg
    ICON_MEMBERS:http://i36.tinypic.com/dgqrkp.jpg
    ICON_HELP:http://i37.tinypic.com/160x5jd.jpg



    sfondo ©
    CODICE
    http://img249.imageshack.us/img249/826/zv9a8i.jpg


     
    Top
    .
0 replies since 9/10/2011, 22:15   16 views
  Share  
.