Cromatic Gray

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

    Group
    Fuonder
    Posts
    13,511
    Reputation
    +83

    Status
    Offline

    Cromatic Gray Skin




    image



    Esempio disponibile a questo Link

    - Andate in image Modifica skin ed impostate la Icg Station

    - Andate in image Modifica colori e stili e inserite questo codice:

    CODICE
    /* Skin creata da El Blue */

    body {background-color: #EDF1F3; font-family: arial rounded, verdana, tahoma, arial; font-size: 8pt; color: #667E8B}
    table, div {font-size: 7.5pt; color: #667E8B}
    a:link, a:visited {text-decoration: none; color: #667E8B}
    a:hover {color: #AFBFCA}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 8pt}
    .nav a:link, .nav a:visited {color: #667E8B} .nav a:hover {color: #AFBFCA}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #667E8B; font-weight: bold}
    .moderatore {color: #89A0AC; font-weight: bold}
    .utente {}
    .daconvalidare {color: #008000}
    .gruppo1 {color: #94AFBD; font-weight: bold}
    .gruppo2 {color: #A0BACC; font-weight: bold}
    .gruppo3 {color: #AFCBDF; font-weight: bold}
    .gruppo4 {color: #BBD7EB; font-weight: bold}
    .gruppo5 {color: #BBD7EB; font-weight: bold}
    .gruppo6 {color: #BBD7EB; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {text-align: center; letter-spacing: 0; word-spacing: 0; padding-top: 25px; font-weight: bold; font-size: 7pt; color: #BBCCD6}
    .mback_left {width: 180px; height: 40px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/mleft-1.png); background-repeat: no-repeat; background-position: bottom}
    .mback_center {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/mcenter.png); background-repeat: repeat-x; background-position: bottom}
    .mback_right {width: 180px; height: 40px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/mright-1.png); background-repeat: no-repeat; background-position: bottom}
    .mback {height: 23px; border-bottom: none; background-image: none}
    .msub {height: 30px; font-size: 3px}
    .msub_left {width: 17px; height: 9px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/msub_left-1.png); background-repeat: no-repeat}
    .msub_center {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/msub_center-1.png); background-repeat: repeat-x}
    .msub_right {width: 17px; height: 9px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/msub_right-1.png); background-repeat: no-repeat}
    .mleft_top, .mleft, .sep_left, .mleft_bottom, .mright_top, .mright, .sep_right, .mright_bottom {width: 0}

    /* BARRA UTENTE */
    .header {background-color: #EDF1F3; border: 1px solid #B2B9C5; border-bottom: 0}
    .menu {height: 25px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/barrautente.png); background-repeat: repeat-x; background-color: #E7ECF4; border-left: 1px solid #B2B9C5; border-right: 1px solid #ADBAC6}
    .menu .highlight {font-weight: bold; color: #7AA2F1}
    .menu form {visibility: hidden}

    /* TABELLA FORUM */
    #wrapper {background-color: #EDF1F3;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    border: 8px solid #BBCCD6;
    margin-top: 10px;
    margin-bottom: 10px}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-color: #ADBAC6}
    .title, .title2, .foot, .row2 {height: 25px; font-weight: bold; color: #667E8B; background-color: #F4F4F4; border: 1px solid #FFF; border-bottom: 0}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #F4F4F4; border: 1px solid #FFF; border-bottom: 0}
    .web {font-size: 8.5pt; line-height: 150%}
    .desc {font-size: 10px; color: #667E8B}
    .board .foot {display: none}

    /* STATISTICHE */
    .stats .title2 {height: 25px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/barrautente.png); background-repeat: repeat-x; background-position: bottom; background-color: #F4F4F4; letter-spacing: 1px; font-size: 7.5pt; color: #667E8B}
    .sunbar {height: 20px; font-weight: bold; color: #667E8B; background-color: #F4F4F4; border: 1px solid #FFF; border-bottom: 0}
    .stats .ww, .stats .aa {background-color: #F4F4F4}
    .stats .ww {text-align: center}
    .highlight {color: #778F9F}

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

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #F4F4F4; border: 1px solid #FFF; border-bottom: 0}
    .nick {font-size: 12px; color: #FF5555; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-color: #F4F4F4; border: 1px solid #FFF; border-bottom: 0}
    #quote {border: 1px dotted #586D91; background-color: #F4F4F4; font-size: 8pt; padding: 2px}
    #code {border: 1px solid #778F9F; background-color: #A9B8C2; color: #FFF; font-size: 8pt; padding: 2px}
    .color {font-size: 8.5pt; line-height: 150%; color: #586D91}
    .color a:hover {text-decoration: underline}
    hr {color: #ADBAC6}
    .fancyborder {background-color: #FFF; border: 1px dashed #ADBAC6}
    .edit {font-size: 9px; font-style: italic; color: #778F9F}
    .bottomborder {border-bottom: 1px dashed #ADBAC6}
    .signature {color: #778F9F; line-height: 150%}
    .sep {height: 7px}
    .bar_left {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/bar_left.png)}
    .bar {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/bar_center.png); background-repeat: repeat-x}
    .bar_right {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/bar_right.png)}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main, .row1 {background-color: #F7F7F7; border: 1px solid #FFF; border-bottom: 0}
    .row3 {background-color: #FAFAFA; border: 1px solid #ADBAC6}
    .title3, .darkbar {height: 23px; background-color: #DCE1E5; border: 1px solid #FFF; border-bottom: 0; font-weight: bold; color: #586D7C}
    .title3 {border: 0}
    .msg .details p {color: #008000; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 7.5pt}
    .info {padding: 3px; background-color: #EAF2FF; color: #448AFF; border: 1px solid #AACAFF}
    .alert {padding: 3px; background-color: #FFEAEA; color: #FF4444; border: 1px solid #FFAAAA}

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

    /* INPUT */
    .textinput, .forminput, .input, .codebuttons {border: 1px solid #ADBAC6; background-color: #EAEAEA; color: #667E8B; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .forminput {font-size: 11px}
    .menu .textinput, .menu .forminput {background-color: #F4F6FC; border-left: 1px solid #B2B9C5; color: #667E8B}
    .msg .textinput {background-color: #FAFAFA; color: #667E8B; font-size: 8.5pt}
    .msg .input, .msg .forminput {background-color: #F7F7F7}



    - Inserite le immagini in image Modifica immagini, inserite il seguente codice nello spazio, in fondo, Modifica Rapida;

    Infine spuntate la voce 'Aggiorna tramite la modifica rapida'.

    CODICE
    A_STAR:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/dot-2.png' width='13' height='11' alt=''>
    GRADO_ADMIN:http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/amministratore.png
    GRADO_MOD:http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/moderatore.png
    A_REPLY:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/rispondi.png' width='91' height='40' alt='A_REPLY'>
    A_POST:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/topic.png' width='64' height='40' alt='A_POST'>
    A_POLL:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/sondaggio.png' width='80' height='40' alt='A_POLL'>
    A_POLLONLY_B:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/chiuso.png' width='91' height='40' alt='A_POLLONLY_B'>
    A_LOCKED_B:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/chiuso.png' width='91' height='40' alt='A_LOCKED_B'>
    M_REPLY:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/rispondi.png' width='91' height='40' alt='A_REPLY'>
    M_ADDMEM:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/amico.png' width='91' height='40' alt='M_ADDMEM'>
    M_DELETE:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/cancella-1.png' width='91' height='40' alt='M_DELETE'>
    M_UNREAD:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_add.png' width='16' height='16' alt='M_UNREAD'>
    M_READ:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white.png' width='16' height='16' alt='M_READ'>
    C_ON:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/c_on.png' width='32' height='32' alt='C_ON'>
    C_OFF:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/c_off.png' width='32' height='32' alt='C_OFF'>
    C_ON_RES:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/c_on_res.png' width='32' height='32' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/c_off_res.png' width='32' height='32' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/c_off_res.png' width='32' height='32' alt='C_OFF_RES'>
    F_ACTIVE:<img src='http://www.famfamfam.com/lab/icons/silk/icons/group.png' width='16' height='16' alt='F_ACTIVE'>
    F_STATS:<img src='http://www.famfamfam.com/lab/icons/silk/icons/chart_bar.png' width='16' height='16' alt='F_STATS'>
    B_NEW:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_add.png' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white.png' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_paint.png' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_paintbrush.png' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_add.png' width='16' height='16' alt='B_POLL'>
    B_POLL_NN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white.png' width='16' height='16' alt='B_POLL_NN'>
    B_MOVED:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_go.png' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://www.famfamfam.com/lab/icons/silk/icons/page_white_delete.png' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:<img src='http://www.famfamfam.com/lab/icons/silk/icons/attach.png' width='16' height='16' alt='NEW_POST'>
    B_PIN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/lightning.png' width='16' height='16' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://www.famfamfam.com/lab/icons/silk/icons/exclamation.png' width='16' height='16' alt='B_ANNUNCIO'>
    P_DELETE:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/cancella.png' width='63' height='17' alt='P_DELETE'>
    P_EDIT:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/modifica.png' width='58' height='17' alt='P_EDIT'>
    P_QUOTE:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/quote.png' width='46' height='17' alt='P_QUOTE'>
    P_MSG:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/mp.png' width='22' height='20' alt='P_MSG'>
    P_EMAIL:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/email.png' width='35' height='20' alt='P_EMAIL'>
    P_WEBSITE:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/www.png' width='28' height='20' alt='P_WEBSITE'>
    P_MSN:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/msn.png' width='27' height='20' alt='P_MSN'>
    P_YIM:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/yim.png' width='23' height='20' alt='P_YIM'>
    P_ICQ:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/icq.png' width='21' height='20' alt='P_ICQ'>
    P_UP:http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/up.png
    F_NAV:»
    ICON_SEARCH:http://www.famfamfam.com/lab/icons/silk/icons/zoom.png
    ICON_MEMBERS:http://www.famfamfam.com/lab/icons/silk/icons/status_offline.png
    ICON_HELP:http://www.famfamfam.com/lab/icons/silk/icons/star.png
    ONLINE:<b>Online</b>
    OFFLINE:<i>Offline<i>
    ANONIMO:<b>Anonimo</b>


    - Per il container, andate in image Gestione Codici Html ed inserite questo in cima al forum:

    CODICE
    <div id="wrapper"><br>


    - E questo in fondo al forum:

    CODICE
    <div align="center"><table cellPadding="2" cellSpacing="2" style="width: 30%; background-color: #edf1f3; border: 3px solid #bbccd6";><tr><td><p align=center>
    Skin realizzata da <a href=http://forumfree.net/?act=Profile&MID=1935732><i><b>El Blue</b></i></a>.<br>
    Si ringraziano <a href=http://iloveskinning.forumfree.net/><i>I Love Skinning</i></a> & <a href=http://www.famfamfam.com><i>FamFamFam</i></a>.</p>
    </tr></td></table></div>
    <br> </div>



    image Sfondo:
    CODICE
    http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/bg.png


    image Logo:
    CODICE
    http://i151.photobucket.com/albums/s147/Photo_Blue/CromaticGray/cromaticgraylogo.png

     
    Top
    .
0 replies since 16/9/2010, 20:25   17 views
  Share  
.