Professional Touch Skin

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

    Group
    Fuonder
    Posts
    13,511
    Reputation
    +83

    Status
    Offline

    Professional Touch 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: #7D0C26; font-family: verdana, tahoma, arial; font-size: 8pt; color: #7D0C26}
    table, div {font-size: 7.5pt; color: #7D0C26}
    a:link, a:visited {text-decoration: none; color: #7D0C26}
    a:hover {color: #6D6C58}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 8pt}
    .nav a:link, .nav a:visited {color: #7D0C26} .nav a:hover {color: #6D6C58}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #7D0C26; font-weight: bold}
    .moderatore {color: #931935; font-weight: bold}
    .utente {}
    .daconvalidare {color: #949379; font-style: italic}
    .gruppo1 {color: #8A0121; font-weight: bold}
    .gruppo2 {color: #9D0226; font-weight: bold}
    .gruppo3 {color: #9F1C3A; font-weight: bold}
    .gruppo4 {color: #AB032A; font-weight: bold}
    .gruppo5 {color: #B6022C; font-weight: bold}
    .gruppo6 {color: #C20430; font-weight: bold}

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

    /* BARRA UTENTE */
    .header {border: none; border-bottom: 0}
    .menu {height: 25px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/menu-1.png); border: none}
    .menu .highlight {font-weight: bold; color: #7D0C26}
    .menu form {visibility: hidden}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png)}

    .board .title {display: none}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-repeat: repeat-x; border: none; border-bottom:none}
    .web {font-size: 8.5pt; line-height: 150%}
    .desc {font-size: 10px; color: #666}
    .board .foot {display: none}
    .board .aa {width: 5%; margin: 0; padding: 0}
    .board .bb {width: 55%} .board .zz {width: 25%} .board .xx {width: 5%} .board .yy {width: 5%}

    /* STATISTICHE */
    .stats .title2 {height: 25px; border-bottom: none; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/menu-1.png); background-repeat: repeat-x; background-position: bottom; letter-spacing: 1px; font-size: 8pt; color: #445588}
    .title2 {display: none}
    .sunbar {height: 25px; font-weight: bold; color: #444; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/menu-1.png); border: none; border-bottom: 0}
    .stats .ww, .stats .aa {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/mainbg.png)}
    .stats .ww {text-align: center}
    .highlight {color: #778F9F}

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

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #000; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/menu-1.png); border: none; border-bottom: 0}
    .nick {font-size: 10px; color: #000; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); border: none; border-bottom: 0}
    #quote {border-left: 3px solid #7D0C26; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); color: #7D0C26; font-size: 8pt; padding: 2px}
    #code {border-left: 3px solid #7D0C26; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); color: #7D0C26; font-size: 8pt; padding: 2px}
    .color {font-size: 9.5pt; line-height: 150%}
    .color a:hover {text-decoration: none}
    hr {border: 1px dashed #D9D7B3}
    .fancyborder {background-color: #7D0C26; border: 1px dashed #ADBAC6}
    .edit {font-size: 9px; font-style: italic; color: #8B8A70}
    .bottomborder {border-bottom: 1px dashed #7D0C26}
    .signature {color: #7D0C26; line-height: 150%}
    .sep {height: 7px}
    .bar_left {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/bar_left.png)}
    .bar {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/bar_center.png); background-repeat: repeat-x}
    .bar_right {height: 5px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/bar_right.png)}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: none}
    .msg_main, .row1 {background-color: #DBDAB4; border: none; border-bottom: 0}
    .row3 {background-color: #DBDAB4; border: 1px solid #AEAD8B}
    .title3, .darkbar {height: 23px; background-color: #DBDAB4; border: none; border-bottom: 0; font-weight: bold; color: #7D0C26}
    .title3 {border: 0}
    .msg .details p {color: #7D0C26; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 7.5pt}
    .info {padding: 3px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); color: #7D0C26; font-size: 10px; border: 1px solid #7D0C26}
    .alert {padding: 3px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); color: #7D0C26; border: 1px solid #7D0C26}

    /* PROFILO UTENTI */
    .pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
    .profile .title2 {border: 0; border-bottom: 1px solid #7D0C26}
    .title2 {height: 25px; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); background-repeat: repeat-x; border-bottom: none; color: #7D0C26; font-size: 10px; font-weight: bold}
    .profile .row1 {border: 0; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png)}

    /* INPUT */
    .textinput, .forminput, .input, .codebuttons {border: 1px solid #AEAD8B; background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png); color: #7D0C26; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .forminput {font-size: 11px}
    .menu .textinput, .menu .forminput {background-color: #D9D7B3; border-left: 1px solid #B2B9C5}
    .msg .textinput {background-color: #000; color: #7D0C26; font-size: 8.5pt}
    .msg .input, .msg .forminput {background-color: #D9D7B3}



    - 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/ProfessionalTouch/dot2.png' width='11' height='10' alt=''>
    A_REPLY:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/rispondi.png' width='95' height='24' alt='A_REPLY'>
    A_POST:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/topic.png' width='69' height='24' alt='A_POST'>
    A_POLL:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/sondaggio.png' width='88' height='24' alt='A_POLL'>
    A_POLLONLY_B:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/chiuso.png' width='95' height='24' alt='A_POLLONLY_B'>
    A_LOCKED_B:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/chiuso.png' width='95' height='24' alt='A_LOCKED_B'>
    M_REPLY:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/rispondi.png' width='95' height='24' alt='M_REPLY'>
    M_ADDMEM:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/amico.png' width='95' height='24' alt='M_ADDMEM'>
    M_DELETE:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/cancella.png' width='95' height='24' alt='M_DELETE'>
    M_UNREAD:<img src='http://www.famfamfam.com/lab/icons/silk/icons/bullet_red.png' width='16' height='16' alt='M_UNREAD'>
    M_READ:<img src='http://www.famfamfam.com/lab/icons/silk/icons/bullet_black.png' width='16' height='16' alt='M_READ'>
    C_ON:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/c_on.png' width='23' height='23' alt='C_ON'>
    C_OFF:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/c_off.png' width='23' height='23' alt='C_OFF'>
    C_ON_RES:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/c_on_res.png' width='27' height='25' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/c_off_res.png' width='27' height='25' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/c_off_res.png' width='27' height='25' alt='C_LOCKED'>
    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/comment_add.png' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comment.png' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comments_add.png' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comments.png' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comment_add.png' width='16' height='16' alt='B_POLL'>
    B_POLL_NN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comment.png' width='16' height='16' alt='B_POLL_NN'>
    B_MOVED:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comment_edit.png' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://www.famfamfam.com/lab/icons/silk/icons/comment_delete.png' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:<img src='http://www.famfamfam.com/lab/icons/silk/icons/bullet_green.png' width='16' height='16' alt='NEW_POST'>
    B_PIN:<img src='http://www.famfamfam.com/lab/icons/silk/icons/bullet_yellow.png' width='16' height='16' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://www.famfamfam.com/lab/icons/silk/icons/bullet_red.png' width='16' height='16' alt='B_ANNUNCIO'>
    P_DELETE:Cancella...
    P_EDIT:Modifica...
    P_QUOTE:Rispondi...
    P_MSG:MP...
    P_EMAIL:Email...
    P_WEBSITE:Website...
    P_MSN:Msn...
    P_YIM:YIM...
    P_ICQ:ICQ...
    P_UP:http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/dot.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
    <style type="text/css">
    body {background-image: url(http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/main.png)}
    .header_width, .skin_tbl, .skin_tbl_width, .stats .border {width:90%}

    #centrale {margin:auto;
    width: 80%;
    background-color: #AEAD8B}


    </style>

    <div id="centrale">
    <div id="sinistra">
    <div id="destra">
    <br>


    - E questo in fondo al forum:

    CODICE
    <div align="center"><table cellPadding="2" cellSpacing="2" style="width: 30%; background-color: #aead8b; border: 3px solid #7d0c26";><tr><td><p align=center>
    Skin realizzata da <a href=http://forumfree.net/?act=Profile&MID=1935732><i><b>El Blue</b></i></a>.</p>
    </tr></td></table></div>
    <br>
    </div></div></div>



    image Logo:
    CODICE
    http://i151.photobucket.com/albums/s147/Photo_Blue/ProfessionalTouch/logo-2.png

     
    Top
    .
0 replies since 16/9/2010, 20:28   30 views
  Share  
.