The Song of The Stars ~ Il Miglior Forum di Grafica: Skin, Contest, 1570 Tutorial tra Photoshop, Gimp, PaintShopPro, Illustrator

Votes taken by ; Kumi

  1. .
    mio dio che rigiri.. ma per davvero?!
    ma c'è qualche tutorial che ha fatto o tradotto per conto suo?
  2. .
    è una bella iniziativa perchè va solamente saputo usare!!!

  3. .
    io sono per mozilla e chrome !!
    chrome è veloce e si, mozilla personalizzabile al massimo (anche se tanti plug in, forse un po' inutili, talvolta lo fanno rallentare)

    assolutamente NO a IE: poer quanto i riguarda carica troppo lentamente :/
    safari mi pare lo provai ma..
  4. .
    ahahahaha xD
  5. .


    anteprima: QUI

    1. html in cima a tutto
    CODICE
    <div id="cont"><br>

    in fondo a tutto
    CODICE
    <div style="background-color:#ffffff;border: 6px solid #f5f5f5; font:8pt; width:450px; align:center"> <center>Beautifly skinned by <a href="http://lovingraphic.blogfree.net/?act=Profile&MID=80177" target="_blank">; Yumi</a>; @ <a href="http://lovingraphic.blogfree.net/" target="_blank">P.Folio</a>.</center></div>


    2. logo
    CODICE
    http://img.forumfree.net/index_file/spacer.gif


    3. sfondo
    CODICE
    http://i52.tinypic.com/i3cd36.jpg


    4. immagini

    CODICE
    A_STAR:<img src='http://img.forumfree.net/index_file/spacer.gif' width='1' height='1' alt=''>
    A_REPLY:<img src='http://i55.tinypic.com/ve4pyd.jpg' width='73' height='30' alt='A_REPLY'>
    A_POST:<img src='http://i55.tinypic.com/mwz3w0.jpg' width='58' height='30' alt='A_POST'>
    A_POLL:<img src='http://i53.tinypic.com/mj6zkj.jpg' width='93' height='30' alt='A_POLL'>
    A_POLLONLY_B:<img src='http://i55.tinypic.com/2cmnsiw.jpg' width='68' height='30' alt='A_POLLONLY_B'>
    A_LOCKED_B:<img src='http://i55.tinypic.com/2cmnsiw.jpg' width='68' height='30' alt='A_LOCKED_B'>
    M_REPLY:<img src='http://i55.tinypic.com/ve4pyd.jpg' width='73' height='30' alt='M_REPLY'>
    M_ADDMEM:<img src='http://i52.tinypic.com/2hqe5ab.jpg' width='79' height='30' alt='M_ADDMEM'>
    M_DELETE:<img src='http://i51.tinypic.com/mua2qw.jpg' width='73' height='30' alt='M_DELETE'>
    M_UNREAD:<img src='http://i53.tinypic.com/2z5ocr9.jpg' width='16' height='16' alt='M_UNREAD'>
    M_READ:<img src='http://i52.tinypic.com/21blixi.jpg' width='16' height='16' alt='M_READ'>
    C_ON:<img src='http://i55.tinypic.com/11weadk.jpg' width='32' height='33' alt='C_ON'>
    C_OFF:<img src='http://i52.tinypic.com/1huys4.jpg' width='30' height='33' alt='C_OFF'>
    C_ON_RES:<img src='http://i56.tinypic.com/2utguie.jpg' width='34' height='33' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://i56.tinypic.com/2z9k7px.jpg' width='34' height='33' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://i53.tinypic.com/2d8m9nt.jpg' width='26' height='33' alt='C_LOCKED'>
    F_ACTIVE:<img src='http://i56.tinypic.com/2qvbc5c.jpg' width='50' height='45' alt='F_ACTIVE'>
    F_STATS:<img src='http://i55.tinypic.com/20i77kp.jpg' width='50' height='45' alt='F_STATS'>
    B_NEW:<img src='http://i53.tinypic.com/2z5ocr9.jpg' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://i52.tinypic.com/21blixi.jpg' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://i53.tinypic.com/2z5ocr9.jpg' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://i52.tinypic.com/21blixi.jpg' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://i53.tinypic.com/2z5ocr9.jpg' width='16' height='16' alt='B_POLL'>
    B_POLL_NN:<img src='http://i52.tinypic.com/21blixi.jpg' width='16' height='16' alt='B_POLL_NN'>
    B_MOVED:<img src='http://i51.tinypic.com/jkzu5v.jpg' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://i51.tinypic.com/65tm6t.jpg' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:<img src='http://i52.tinypic.com/dcvddj.jpg' width='10' height='7' alt='NEW_POST'>
    B_PIN:<img src='http://i56.tinypic.com/6ocrpg.jpg' width='16' height='16' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://i54.tinypic.com/2pqsx8m.jpg' width='16' height='16' alt='B_ANNUNCIO'>
    P_DELETE:<img src='http://i54.tinypic.com/fbjdps.jpg' width='64' height='23' alt='P_DELETE'>
    P_EDIT:<img src='http://i56.tinypic.com/whxwnp.jpg' width='64' height='23' alt='P_EDIT'>
    P_QUOTE:<img src='http://i55.tinypic.com/e9jln8.jpg' width='62' height='23' alt='P_QUOTE'>
    P_MSG:<img src='http://i52.tinypic.com/2rx8he9.jpg' width='35' height='23' alt='P_MSG'>
    P_EMAIL:<img src='http://i52.tinypic.com/dpkf9u.jpg' width='36' height='23' alt='P_EMAIL'>
    P_WEBSITE:<img src='http://i51.tinypic.com/qodqtk.jpg' width='30' height='23' alt='P_WEBSITE'>
    P_MSN:<img src='http://i53.tinypic.com/mhsp6q.jpg' width='38' height='23' alt='P_MSN'>
    P_YIM:<img src='http://i55.tinypic.com/2vbpvmo.jpg' width='31' height='23' alt='P_YIM'>
    P_UP:http://i53.tinypic.com/2ufgbhz.jpg
    F_NAV:»
    F_NAV_SEP:•
    ICON_SEARCH:http://i56.tinypic.com/ix8uwm.jpg
    ICON_MEMBERS:http://i54.tinypic.com/2rgpg0z.jpg
    ICON_HELP:http://i56.tinypic.com/r1ldvc.jpg
    CAT_IMG:<img src='http://i54.tinypic.com/2po9pgg.jpg' width='9' height='9' alt='CAT_IMG'>
    PAG:<img src='http://i55.tinypic.com/30n9duh.jpg' width='9' height='9' alt='PAG'>
    ONLINE:http://i54.tinypic.com/rrp3it.jpg
    OFFLINE:http://i56.tinypic.com/1539we0.jpg
    ANONIMO:http://i54.tinypic.com/osaf4h.jpg


    5. colori e stili
    CODICE
    body {background-color: #454344; font-family: verdana, tahoma, arial; font-size: 8pt; color: #7E7E7E; background-image: url(http://i52.tinypic.com/i3cd36.jpg); background-repeat:no-repeat}
    table, div {font-size: 7.5pt; color: #7E7E7E}
    a:link, a:visited {text-decoration: none; color: #73489E; font-weight: normal}
    a:hover {color: #9B2467; font-weight: normal}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 8pt}
    .nav a:link, .nav a:visited {color: #9B2467} .nav a:hover {color: #73489E}
    #cont {width: 850px; background-color: #221F1F}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .utente {}
    .daconvalidare {color: #008000}
    .gruppo1 {color: #A7437C; font-weight: bold}
    .gruppo2 {color: #805AA7; font-weight: bold}
    .gruppo3 {color: #D37BAD; font-weight: bold}
    .gruppo4 {color: #B68AE3; font-weight: bold}
    .gruppo5 {color: #D5A0BE; font-weight: normal}
    .gruppo6 {color: #C5A4E5; font-weight: normal}

    /* BARRA DI SCORRIMENTO COLORATA */
    html {scrollbar-face-color: #E0E0E0; scrollbar-highlight-color: #EEE; scrollbar-shadow-color: #CFCFCF; scrollbar-3dlight-color: #999; scrollbar-arrow-color: #808080; scrollbar-track-color: #F2F2F2; scrollbar-darkshadow-color: #777}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {padding-left: 15px; text-align: center; color: #9B2467; font-size: 11px; padding-bottom: 9px; text-transform: uppercase; font-style: italic}

    .mback_left {width: 31px; height: 22px; background-image: url(http://i52.tinypic.com/iyo1hj.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback_center {background-image: url(http://i56.tinypic.com/kao6k7.jpg); background-repeat: repeat-x; background-position: bottom}
    .mback_right {width: 31px; height: 22px; background-image: url(http://i52.tinypic.com/iyo1hj.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback {height: 22px; border-bottom: px solid #ADBAC6; background-image: none}

    .msub {height: 3px; font-size: 3px}
    .msub_left {width: 31px; height: 20px; background-image: url(http://i56.tinypic.com/vobbx2.jpg); background-repeat: no-repeat}
    .msub_center {background-image: url(http://i52.tinypic.com/2euq25j.jpg); background-repeat: repeat-x}
    .msub_right {width: 31px; height: 20px; background-image: url(http://i55.tinypic.com/315z70y.jpg); 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: #221F1F; border-bottom: 0}
    .menu {height: 20px; background-color: #322F30; border-bottom: 3px solid #811B54; width: 500px; margin-left: 150px; margin-right: 150px}
    .menu .highlight {font-weight: bold; color: #696A6B}
    .menu a:link {font-weight:normal; text-transform: uppercase; font-size: 7pt}

    /* SEZIONI FORUM */
    .mainbg {background-color: #322F30; border: 0}
    .title {height: 14px; background-image: url(ttp://i52.tinypic.com/2603hn7.jpg); background-repeat: repeat-x; background-color: #322F30; border: 0; background-position: bottom center; font-size: 8.5px; color: #752541; font-weight: normal; margin: 0; padding: 2px; text-transform: uppercase}
    .ww, .xx, .yy, .zz, .board .aa {background-image: url(ttp://i52.tinypic.com/2603hn7.jpg); background-repeat: repeat-x; background-color: #322F30; border: 0; background-position: bottom center}
    .aa, .bb, .cc, .board .zz {background-image: url(ttp://i52.tinypic.com/2603hn7.jpg); background-repeat: repeat-x; background-color: #322F30; border: 0; background-position: bottom center}
    .board .zz, .board .aa {font-size: 10px}
    .tag .aa, .tag .ww {font-size: 10px; background-image: none; border: 0; line-height: 10px}
    .web {font-size: 10px; font-weight: normal; text-transform: lowercase}
    .web a:link, .web a:visited, .web a:active {font-size: 10px; color: #73489E; font-weight: normal; text-transform: uppercase}
    .web a:hover {color: #9B2467; font-weight: normal; text-transform: uppercase}
    .desc {color: #666065; line-height: 10px; font-size: 10px}
    .desc a:link, .desc a:visited, .desc a:active {color: #9B2467}
    .desc a:hover {color: #73489E}
    .board .foot {display: none}
    .foot {background-color: #322F30; color: #655D64}

    /* STATISTICHE */
    .stats .title2 {height: 22px; background-image: url(http://i52.tinypic.com/iyo1hj.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #221F1F; letter-spacing: 1px; font-size: 8pt; color: #8555B5; padding-bottom: 8px}
    .sunbar {height: 25px; font-weight: bold; color: #851C57; background-color: #322F30; border-bottom: 0}
    .stats .ww, .stats .aa {background-color: #383636; text-align: right}
    .stats .ww {text-align: right}
    .highlight {color: #484848}

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

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #322F30; border: px 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: #322F30; border: px solid #FFF; border-bottom: 0}

    #quote {border-bottom: 3px solid #8555B5; background-color: #5A5A5A; font-size: 8pt; padding: 2px; -moz-border-radius: 0 10px 0 10px; -webkit-border-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; color: #989898}

    #code {border-bottom: 3px solid #9B2467; background-color: #5A5A5A; color: #989898; font-size: 8pt; padding: 2px; -moz-border-radius: 0 10px 0 10px; -webkit-border-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px}
    .color {font-size: 8pt; line-height: 110%}
    .color a:hover {text-decoration: none}
    hr {color: #ADBAC6}
    .fancyborder {background-color: #FFF; border: px dashed #ADBAC6}

    .edit {font-size: 9px; font-style: italic; color: #778F9F}
    .bottomborder {border-bottom: px dashed #ADBAC6}
    .signature {color: #778F9F; line-height: 150%}
    .sep {height: 7px}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main, .row1 {background-color: #444343; border: px solid #FFF; border-bottom: 0}
    .row3 {background-color: #322F30; border: px solid #ADBAC6}
    .title3, .darkbar {height: 23px; background-color: #252424; border: px solid #FFF; border-bottom: 0; font-weight: bold; color: #9B2467}
    .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: px solid #AACAFF}
    .alert {padding: 3px; background-color: #FFEAEA; color: #FF4444; border: px solid #FFAAAA}

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

    /* INPUT */
    .textinput {border: 1px solid #463D4E; background-color: #5A5A5A; font-size: 10px; color: #929292; font-family: verdana, helvetica, sans-serif; vertical-align: middle; -moz-border-radius: 0 8px 0 10px; -webkit-border-radius: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px}
    .menu .textinput {background-color: #76707C}

    .forminput {-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #5F5F5F; background-color: #5A5A5A; color: #929292; font-size: 10px; color: #929292; font-family: verdana, sans-serif; vertical-align: middle}

    .input {-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #5F5F5F; background-color: #5A5A5A; font-size: 10px; color: #929292; font-family: verdana, helvetica, sans-serif; vertical-align: middle}

    .codebuttons {-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #5F5F5F; background-color: #5A5A5A; font-size: 10px; color: #929292; font-family: verdana, helvetica, sans-serif; vertical-align: middle}


    /* SONDAGGIO */
    .bar_left {background-image: url(http://i56.tinypic.com/4v2wye.jpg); width: 6px}
    .bar {background-image: url(http://i56.tinypic.com/4v2wye.jpg); background-repeat: repeat-x; border: 0}
    .bar_right {background-image: url(http://i56.tiypic.com/4v2wye.jpg); width: 5px}

    /* LINKS */
    .links a:link, .links a:visited {display: block;
    background-color: #;
    border-bottom: 2px solid #8B1F5C;
    text-align:left;
    margin-bottom: 1px;
    padding-left: 2px}

    .links a:hover {display: block;
    background-color: #;
    border-bottom: 2px solid #8555B5;
    margin-bottom: 1px;
    text-align: left;
    padding-left: 2px}


    Edited by •Sofficina~ - 6/7/2014, 15:13
  6. .



    ◊ Skin:Little Star •
    ◊ Autrice: ; Kumi
    ◊ Anteprima:click;
    ◊ Divieti: Non avete il permesso di modificare html o css della skin, utilizzare il codice come base per vostre skin, rimuovere i credits o spacciarla per vostra.Potete cambiare solo il colore dei gruppi, targhette, logo, bottoni ecc .. Se utilizzate la skin, lasciate un commento qui. Per qualsiasi dubbio, domandate nell'apposito topic.

    • Mettete come skin la ICG STATION (predefinita)

    Codice HTML che sarà mostrato in CIMA
    CODICE
    <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="LINK" id="current">Home</a></li>
    <li><a href="LINK">Help</a></li>
    <li><a href="LINK">Contest</a></li>
    <li><a href="LINK">Richieste</a></li>  
    <li><a href="LINK">Spam</a></li>
    </ul>
    </div>

    <br><br><table cellPadding="0" cellSpacing="0" style="width: 800px; background-color: #dcdbdc; line-height: 100%; -moz-border-radius: 15px; border-top: 0px solid #e0d7d7; border-bottom: 0px solid #e0d7d7; border-left: 0px solid #e0d7d7; border-right: 0px solid #e0d7d7"><tr><td><td align="center"><br><br>


    • Codice HTML , in fondo
    CODICE
    <div style="background-color: #eff3f9; border: 2px solid #0e4fa6; font: 8pt; width: 40%"><center>
    Skin realizzata da <a href="http://lovingraphic.blogfree.net/?act=Profile&MID=80177">; Yumi</a><br>
    per il suo artfolio <a href="http://lovingraphic.blogfree.net/">~ Loving Graphic <3</a><br>e il suo forum <a href="http://thesongofthestars.forumfree.it/">The Song of the Stars</a>.<br>
    Vietato modificare o riutilizzare la skin e le sue parti.<br>
    </div><br><br>
    <div></div>
    </div></div></div>

    </tr>


    • In modifica>colori e stili

    CODICE
    body {background-color: #ECD9E6; background-image: url(http://i45.tinypic.com/30uwsw4.png); background-repeat: no-repeat; font-family: tahoma; font-size: 10px; color: #A16996}
    table, div {font-size: 10px}
    a:link, a:visited {text-decoration: none; color: #CB75A6}
    a:hover {color: #A35496; text-decoration: none}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 7pt}
    .nav a:link {color: #CB75A6; font-weight: bold}
    .nav a:hover, .navsub a:hover {color: #A35496; text-decoration: none}

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

    /* BARRA UTENTE */
    .menu {font-size: 10px; color: #A35496; border-bottom: 3px solid #FFAC9E; background-image: none; background-color: none; line-height: 120%; background-repeat: no-repeat; width: 383px; height: 29px; margin-left: 190px; margin-right: 190px; text-align:center}
    .menu a:link, .menu a:visited {color: #A35496}
    .menu a:hover {color: #CB75A6}
    .menu .highlight {color: #DA7F83; font-weight:bold}
    .menu input, .menu select, .menu_right {display: none}
    .menu input, .menu form {display: none}

    /* BARRA DI SCORRIMENTO COLORATA */
    body {scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-3dlight-color, scrollbar-track-color, scrollbar-darkshadow-color: #DBD6D6; scrollbar-arrow-color: #D888B8}

    /* COLORI LISTA UTENTI ATTIVI */
    .gruppo1 {color: #693361; font-weight: bold; text-decoration: none; text-trasform: capitalize; font-style: italic}
    .gruppo2 {color: #B86EAB; font-weight: bold; text-decoration: underline}
    .gruppo3 {color: #BD6396; font-weight: bold; font-size: 9px}
    .gruppo4 {color: #DEA3C4; font-weight: bold}
    .gruppo5 {color: #F18A8F; font-weight: bold}
    .gruppo6 {color: #DFB3B1; font-weight: bold}

    .utente {color: #B9ABBA; font-weight: bold; font-size: 9px}
    .daconvalidare {color: #C5A3DA; font-style:italic}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {font-size: 11px; color: #FFFFFF; font-weight: bold; text-align: right; text-transform: uppercase; letter-spacing: 3px; padding-top: 1px}
    .mtitle a:link, .mtitle a:visited {color: #C1B1A7} .mtitle a:hover {color: #D2AAAB}

    .mback_center {height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/mbackcenter-1.png); background-repeat: repeat-x}
    .mback_left {width: 118px; height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/mbackleft-1.png); background-repeat: no-repeat}
    .mback_right {width: 79px; height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/th_mbackright-2.png); background-repeat: no-repeat}
    .mback {height: 15px}

    .msub_center {height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/bottomright-1.png); background-repeat: repeat-x}
    .msub_left {width: 79px; height: 13px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/bottomright-1.png); background-repeat: no-repeat}
    .msub_right {width: 79px; height: 13px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/bottomright-1.png); background-repeat: no-repeat}
    .msub {height: 13px}

    .mleft_top {width: 16px; height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/mlefttop.png); background-repeat: no-repeat}
    .mright_top {width: 14px; height: 42px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/mrighttop.png); background-repeat: no-repeat}
    .mleft_bottom {width: 16px; height: 13px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/AngoloLeftbottom.png); background-repeat: no-repeat}
    .mright_bottom {width: 14px; height: 13px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/Angolorightbottom.png); background-repeat: no-repeat}

    .mleft, .sep_left {width: 16px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/sepleft-2.png); background-repeat: repeat-y}
    .mright, .sep_right {width: 16px; background-image: url(http://i494.photobucket.com/albums/rr303/yunie1616/sepright-1.png); background-repeat: repeat-y}

    /* SEZIONI FORUM */
    .title {height: 12px; font-size: 9px; padding: 0; background-image: none; background-color: #FCE9F9; color: #7F7C7C; padding-left: 1px; padding-right: 1px; border: 0; text-transform: lowercase}
    .title2 {background-color: #FCE9F9; background-repeat:repeat-x; color: #C6A5A5; background-image: none; font-weight: bold; border: 0; border-bottom: 0; text-transform: uppercase}
    .web {font-size: 10px; line-height: 150%; text-decoration:none}
    .web a:link, .web a:visited, .title a:hover, .foot a:hover {font-weight: bold; text-transform: uppercase}
    .desc {font-size: 10px; color: #9D9D9D; text-align: justify}
    .board .foot {display:none}
    .foot {color: #9D9D9D; height: 0; font-weight: bold; background-color: #FCE9F9}
    .aa, .bb, .cc, .xx, .yy, .zz, .ww {line-height: 90%; background-color: #FCE9F9; color: #9D9D9D; border: 0}

    /* STATISTICHE */
    .skin_tbl_border {background-color: #DEDEDE}
    .stats .title2 {height: 30px; text-align: right; border-bottom: 3px solid #FFAC9E; font-size: 10px; color: #BF5EBE; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-top: 1px; padding-right: 30px}
    .sunbar {text-align: left; background-repeat: repeat-x; background-color: #F4DEF1; color: #BA93B7}
    .stats .ww, .stats .aa {color: #A5A5A5; text-align: center; background-color: #FCE9F9}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited {color: #D19F9F}
    .highlight a:hover {color: #C6C6C6; text-decoration: none}

    /* DISCUSSIONE */
    .mainbg {background-color: #FCE9F9}
    .left_top, .right_top, .left_bottom, .right_bottom {height: 20px; background-color: #FCE9F9; border-bottom: 0}

    .quote_top {font-size: 10px; color: #FFAC9E; padding-left: 30px; text-transform: uppercase}
    .code_top {font-size: 10px; color: #97789D; padding-left: 30px; text-transform: uppercase}

    #quote {border-bottom: 4px solid #FFAC9E; font-size: 7.5pt; padding: 2px; line-height: 75%}
    #code {border-bottom: 4px solid #97789D; font-size: 7.5pt; padding: 2px; line-height: 75%}

    .color {font-size: 11px; color: #9D9D9D}
    hr {color: #C972E2}
    .fancyborder {background-color: #FCE9F9; border: 1px solid #DCD4D4}
    .edit {font-size: 9px; color: #FCE9F9}
    .bottomborder {border-bottom: 1px dashed #9295A4}
    .signature {font-size: 7.5pt; color: #BEBEBE; line-height: 150%}
    .sep {background-color: #FCE9F9; height: 5px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5}
    .left {background-color: #FCE9F9}
    .right {background-color: #FCE9F9}
    .nick a:link, .nick a:visited {font-weight: bold; font-size: 12px}
    .sep {height: 3px}
    .sep {background-image: none}

    /* MESSENGER */
    .msg_main {background-color: #FCE9F9}
    .row1 {background-color: #FCE9F9}
    .row2 {height: 20px; background-color: #FCE9F9; background-image: none}
    .row3 {background-color: #FCE9F9; border: 1px solid #BEBEBE}
    .darkbar {background: #FCE9F9; none; color: #9D9D9D}
    .title3 {background-color: #FCE9F9; background-repeat:repeat-x; background-image:none; color: #9D9D9D; font-weight:bold; height: 20px}
    .msg .nick a:link, .msg .nick a:visited {text-decoration: none}
    .msg .details p {color: #9D9D9D; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 10px}
    .info {color: #DCB1B1}
    .alert {color: #C6C6C6}
    .darkline {background-image: none; height: 2px}

    /* PROFILO UTENTI */
    .pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
    .title2 {height: 12px; font-size: 10px; background: #EACEE6; border-bottom: 3px solid #FFAC9E; font-weight: bold; color: #CF90C1; font-style: italic}
    .title2 a:link, .title2 a:visited {font-weight: bold; text-decoration: none}
    .title2 a:hover {color: #C6C6C6}
    .profile .row1 {background-color: #FCE9F9; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5}

    /* SONDAGGIO */
    .bar_left {background-image: url(http://i48.tinypic.com/2eld1sl.png); background-repeat: no-repeat; background-position: center; width: 13px; height: 6px}
    .bar {background-image: url(http://i48.tinypic.com/2eld1sl.png); background-repeat: repeat-x; background-position: center; height: 6px}
    .bar_right {background-image: url(http://i48.tinypic.com/2eld1sl.png); background-repeat: no-repeat; background-position: center; width: 13px; height: 6px}

    /* INPUT */
    .codebuttons {font-size: 9px; color: #91718B; font-family: tahoma, helvetica, sans-serif; vertical-align: middle; background-color: #F0DDED; background-image: none; background-position:center; border: 1px solid #DEDEDE}
    .forminput {font-size: 10px; border: 1px solid #DEDEDE; color: #9D9D9D; background-color: #F0DDED; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .textinput {font-size: 10px; border: 1px solid #DEDEDE; background-color: #F0DDED; color: #AD84A5; font-family: tahoma; vertical-align: middle}

    .board .title, .forum .title {display: none}
    .board .xx, .board .yy {display: none}
    .forum .ww, .forum .cc, .forum .yy {display: none}
    .forum .aa {width: 5%}
    .forum .bb {width: 50%}
    .forum .cc {width: 0%}
    .forum .xx {width: 20%}
    .forum .yy {width: 0%}
    .forum .ww {width: 0%}
    .forum .zz {width: 25%}
    .board .aa {width: 5%}
    .board .bb {width: 75%}
    .board .xx {width: 0%}
    .board .yy {width: 0%}
    .board .zz {width: 20%}

    /* TAG */
    .tag .mtitle {color: #FFFFFF}
    .tag .ww {background-color: #FCE9F9; color: #E3979C;
    font-size: 10px; background-image: none}
    .tag .aa {background-color: #F6F6F6; color: #97789D;
    font-size: 10px; background-image: none}
    .tag .skin_tbl_border, .tag .mainbg {background-color: #FCE9F9; background-repeat: no-repeat; border: 0 solid #E3DFDF; padding: 1px}

    /* MENU ALTO */
    #navcontainer
    {font-family: arial, sans-serif;
    margin: 0 auto;
    width: 100%;
    border-bottom: px solid #}

    #navlist
    {width: 80%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    text-indent: 0;
    list-style-type: none}

    #navlist li
    {padding: 0;
    margin: 0;
    text-indent: 0;
    display: inline}

    #navlist li a
    {letter-spacing: -1px;
    text-decoration: none;
    color: #AAAEA4;
    font-size: 1.5em;
    padding: 0 2px}

    #navlist li a:hover, #navlist a#current
    {color: #CDDF6C;
    border-top: none;
    font-size: 2em;
    border-top: 3em solid #F3ECD4}

    #navlist a#current {color: #F55779}


    Sfondo :
    CODICE
    LASCIARE VUOTO



    Immagini (Tramite modifica rapida )


    CODICE
    A_STAR:<img src='http://i39.tinypic.com/11s13k3.jpg' width='16' height='16' alt=''>
    A_REPLY:<img src='http://i43.tinypic.com/2rc31o8.jpg' width='72' height='38' alt='A_REPLY'>
    A_POST:<img src='http://i40.tinypic.com/juwzra.jpg' width='60' height='38' alt='A_POST'>
    A_POLL:<img src='http://i39.tinypic.com/wqtpg3.jpg' width='53' height='38' alt='A_POLL'>
    A_POLLONLY_B:<img src='http://i39.tinypic.com/wqtpg3.jpg' width='53' height='38' alt='A_POLLONLY_B'>
    A_LOCKED_B:<img src='http://i43.tinypic.com/20usac9.jpg' width='62' height='38' alt='A_LOCKED_B'>
    M_REPLY:<img src='http://i43.tinypic.com/2rc31o8.jpg' width='72' height='38' alt='M_REPLY'>
    M_ADDMEM:<img src='http://i44.tinypic.com/lk4np.jpg' width='55' height='38' alt='M_ADDMEM'>
    M_DELETE:<img src='http://i39.tinypic.com/15zgxe.jpg' width='79' height='38' alt='M_DELETE'>
    M_UNREAD:<img src='http://i42.tinypic.com/x4he2w.jpg' width='16' height='16' alt='M_UNREAD'>
    M_READ:<img src='http://i40.tinypic.com/30bz37l.jpg' width='16' height='16' alt='M_READ'>
    C_ON:<img src='http://i494.photobucket.com/albums/rr303/yunie1616/on-2.png' width='35' height='35' alt='C_ON'>
    C_OFF:<img src='http://i494.photobucket.com/albums/rr303/yunie1616/off.png' width='35' height='35' alt='C_OFF'>
    C_ON_RES:<img src='http://i494.photobucket.com/albums/rr303/yunie1616/onp.png' width='35' height='35' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://i494.photobucket.com/albums/rr303/yunie1616/offp.png' width='35' height='35' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://i494.photobucket.com/albums/rr303/yunie1616/lock.png' width='35' height='35' alt='C_LOCKED'>
    F_ACTIVE:<img src='http://i50.tinypic.com/11m72ic.png' width='50' height='50' alt='F_ACTIVE'>
    F_STATS:<img src='http://i46.tinypic.com/t8syec.png' width='50' height='50' alt='F_STATS'>
    B_NEW:<img src='http://i43.tinypic.com/345oi04.jpg' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://i42.tinypic.com/oktv1k.jpg' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://i44.tinypic.com/2lvd07b.jpg' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://i44.tinypic.com/5k55pl.jpg' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://i44.tinypic.com/2lvd07b.jpg' width='16' height='16' alt='B_HOT'>
    B_POLL_NN:<img src='http://i44.tinypic.com/5k55pl.jpg' width='16' height='16' alt='B_HOT_NN'>
    B_MOVED:<img src='http://i42.tinypic.com/2mmg7cp.jpg' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://i43.tinypic.com/2ypgg7d.jpg' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:•
    B_PIN:<img src='http://i44.tinypic.com/v5lth2.jpg' width='24' height='24' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://i43.tinypic.com/2i7w95k.jpg' width='24' height='24' alt='B_ANNUNCIO'>
    P_DELETE:<img src='http://i40.tinypic.com/2dv36gg.jpg' width='43' height='9' alt='P_DELETE'>
    P_EDIT:<img src='http://i39.tinypic.com/2j0xbvd.jpg' width='26' height='9' alt='P_EDIT'>
    P_QUOTE:<img src='http://i41.tinypic.com/amyzc8.jpg' width='36' height='9' alt='P_QUOTE'>
    P_MSG:<img src='http://i43.tinypic.com/w2hhc6.jpg' width='17' height='9' alt='P_MSG'>
    P_EMAIL:<img src='http://i43.tinypic.com/1z4x1j8.jpg' width='23' height='9' alt='P_EMAIL'>
    P_WEBSITE:<img src='http://i40.tinypic.com/5bp8ie.jpg' width='27' height='9' alt='P_WEBSITE'>
    P_MSN:<img src='http://i40.tinypic.com/2v2dtlg.jpg' width='25' height='9' alt='P_MSN'>
    P_YIM:<img src='http://i39.tinypic.com/29kxoxk.jpg' width='20' height='9' alt='P_YIM'>
    P_ICQ:<img src='http://i42.tinypic.com/214396f.jpg' width='21' height='9' alt='P_ICQ'>
    P_UP:http://i41.tinypic.com/261g5li.jpg
    F_NAV:•
    ONLINE:http://i40.tinypic.com/2584f7k.jpg
    OFFLINE:http://i43.tinypic.com/167ur5y.jpg
    ANONIMO:http://i40.tinypic.com/a3gjso.jpg


    Edited by •Sofficina~ - 6/7/2014, 17:43
  7. .


    è divertentissimo!!
  8. .
    ooh grazie!
  9. .
    allora.
    create un nuovo documento e inserite una scritta utilizzando un font cicciottoso, come la mia:


    create sopra la scritta un nuovo livello e prendete il pennello piccolo duro di colore nero: create dei tondini o simile sopra le parti vuote nelle lettere (siccome non so spiegarmi bene vi faccio vedere il passaggio) :



    ( se vedete bene ho riempito l parti vuote che si vedevano nella A e nella R)

    unite ora i livelli.

    avrete ottenuto un livello con la scritta tutta riempita: aggiungete quindi la maschera di livello (mettete come colore di primo piano il Nero e selezionate, nella paletta dei livelli, la maschera e NON la scritta)

    prendete ora le forme personali (sotto la T nella barra dgli strumenti) e impostate cosi:

    SPOILER (click to view)


    adesso tracciate all'interno della A (proprio li dove prima abbiamo riempito) una forma : Ecco il risultato

  10. .
    1° METODO (PER CREARE UNA SCIA MAGICA IN NERO)

    aprite photoshop e create un nuovo documento di 500 x 500 px.
    prendete lo strumento Pennello

    e impostategli in alto nella barra la dimensione a 4 px e la durezza a 100:

    e impostate il nero come colore di primo piano.

    Adesso aprite il Pannello Pennelli (finestra > pennelli oppure f5 sulla tastiera) e applicate i seguenti settaggi:
    CODICE
    <b>forma punta del pennello</b>: diametro 3px , durezza 100 , spaziatura 50
    <b>dispersione</b>: dispersione 1000 , conteggio 1 , variazione conteggio 50
    <b>altra dinamica</b> : variazione opacità 43 , variazione flusso 40


    Infine disegnate quello che volete sulla tela ^_^

    (Ho messo lo sfondo bianco per farvi vedere meglio, ma voi usate tranquillamente lo sfondo trasparente!).

    2° METODO (PER CREARE UNA SCIA MAGICA COLORATA)

    aprite photoshop e create un nuovo documento di 500 x 500 px.
    prendete lo strumento Pennello

    e impostategli in alto nella barra la dimensione a 4 px e la durezza a 100:

    poi impostate come colori di primo e secondo piano 2 colore diversi (non della stessa gradazione); il viola e il blu andranno benissimo.

    adesso aprite il Pannello Pennelli (è un icona che appare in alto altrimenti finestra > pennelli oppure f5 sulla tastiera) e applicate i seguenti settaggi:
    CODICE
    <b>forma punta del pennello</b>: diametro 4px , durezza 100 , spaziatura 71
    <b>dispersione</b>: dispersione 1000 , conteggio 1 , variazione conteggio 68
    <b>dinamica colori</b>: variazione di primo piano/sfondo: 50 (se sarà vicino allo 0, il colore tenderà ad essere come quello di primo piano ; al contrario se il valore sarà vicino a 100 tenderà ad essere come quello di sfondo) , variazione tonalità 21 (piu vicino sarà il valore allo zero, piu i colori tenderanno ad essere come quelli di primo piano sfondo. al contrario, andando vicino al valore 100 ci saranno altri colori) , variazione saturazione 20 , variazione luminosità 8 , purezza + 18
    <b>altra dinamica</b> : variazione opacità 43 , variazione flusso 40


    Infine disegnate quello che volete sulla tela ^_^

    (Ho messo lo sfondo bianco per farvi vedere meglio, ma voi usate tranquillamente lo sfondo trasparente!).

    TUTORIAL DI KUMI RIADATTATO DA DOLCE VANIGLIA IN ESCLUSIVA PER IL FORUM THE SONG OF THE STARS. VIETATA LA COPIA SIA TOTALE CHE PARZIALE SENZA IL CONSENSO SCRITTO DELLE AUTRICI.



    Edited by Dolce.Vaniglia~ - 10/11/2014, 10:20
  11. .
    Prima di tutto create il vostro pattern a righe.

    Aprite un render (immagine senza sfondo) ; se volete applicate delle colorazioni e riducete un po la grandezza (immagine - dimensione immagine).

    Io ho utilizzato questa immagine - per prelevarla salvatela sul pc.

    Bene, aprite e riducete l'immagine.

    Adesso andate nella paletta dei livelli e pigiate CTRL stando sull'anteprima dell'immagine (vedrete che il cursore cambierà forma - cliccate di destro e l'intera forma verrà selezionata).

    Con la selezione sempre attiva create un altro livello e prendete il secchiello: riempite la selezione con il pattern creato precedentemente o uno qualsiasi che avete.

    vedrete ora , al posto dell'immagine il pattern: questo perchè il livello con il pattern è SOPRA quello dell'immagine.

    Spostate quindi il livello del pattern al di sotto dell'immagine ; utilizzando lo strumento sposta ( V ) spostate il pattern accanto all'immagine, in maniera tale che venga una cosa del genere

    (ho messo lo sfondo bianco per far risaltare il pattern - avendo abbassato l'opacità si notava poco)

    Edited by Lagseeing92 - 14/2/2011, 11:08
  12. .
    allora.
    aprite un nuovo documento da 200 x 200 px (ovviamente le dimensioni possono cambiare!) e riempilo con il colore che vuoi dare da sfondo al tuo pattern

    adesso cliccate ctrl + R per far apparire il righello (le linee bianche con i numeri)



    adesso vai su visualizza > effetto calamita con > e spunta tutte le voci presenti.

    adesso torna sulla tela e :
    1- cliccando di destro su una riga bianca con i numeri, seleziona PIXEL quando appare una finestrella
    2- andando sulla riga bianca in alto e tenendo pigiato il tasto sinistro trascinandolo sulla tela, vedrai apparire una riga orizzontale: quella è la nostra guida. fai la stessa cosa sulla riga di lato : posizionale entrambe esattamente a metà del documento ( a 100 px quindi).

    scegli ora un pennello o un immagine che NON sia piu di 150 x 150 px (altrimenti va fuori e non si crea il pattern) e inseriscila al centro della tela.
    applica pure i fitrli che vuoi e dopo di cio' unisci le immagini che riguardano il motivo: dovrai avere SOLO 2 livelli, dell'immagine e dello sfondo.

    adesso prendi la selezione rettangolare e posizionati sulla tela, sul livello dell'immagine. seleziona un quadrato per volta e fai copia-incolla.
    il livello ottenuto spostalo dalla parte opposta rispetto a quello che hai copiato:


    a questo punto fate modifica > definisci pattern e date l'ok. per vedere com'è venuto il risultato create un nuovo documento da 1000 x 1000 px e riempite con il pattern!!!

    ecco il mio ^^



    • quando selezionate le parti, cominciate dall'incrocio delle linee (andando proprio sulla parte azzurra!)
    • quando vai a posizionare la parte copiata nel suo esatto opposto, fai attenzione che combaci con il lato o il risultato verrà brutto!

    © TUTORIAL ORIGINALE DI PHOTOSHOPESSENTIALS.COM TRADOTTO E RIADATTATO DA ; Kumi PER IL THE SONG OF THE STARS. VIETATA LA COPIA O LA RIDISTRIBUZIONE SIA TOTALE CHE PARZIALE SENZA IL CONSENSO DELL'AUTRICE.



    Edited by •Sofficina~ - 19/2/2015, 19:02
  13. .
    banale ma di bell'effetto!

    aprite una nuova tela grande tanto da poter contenere il vostro testo e riempitela di nero.

    andate ora a creare il testo (io consiglio sempre caratteri come arial, georgia, times new roman perchè rendono di più l'effetto - poi ognuno ha i suoi gusti!)

    dopo aver creato il livello copiatelo: stando sulla copia, andate su filtro > sfocatura > effetto movimento e date l'ok. a questo punto il programma vi chiederà se volete rasterizzare il livello, dite di si.

    adesso potrete decidere la direzione della sfumatura:
    - se mettete angolo " 0 " l'immagine rimarrà dritta ^^
    - distanza: maggiore sarà la distanza , meno si vedrà la sfumatura.

    ecco qua ^^
    SPOILER (click to view)
    qui ho messo l'effetto movimento a 50


    qui invece l'ho messo a 140 =)

  14. .
    ecco come crearli ^^
  15. .
    grazie ^^
36 replies since 25/11/2006
.
Top