Ti Aspetto Skin

« Older   Newer »
 
  Share  
.
  1. ¿Cia
     
    .

    User deleted


    anteanteprima

    s0BX4E' vietato spacciare la skin per vostra, rimuovere i credits, copiare anche solo parzialmente il codice o usarla come base per vostre skin
    s0BX4Potete modificare la larghezza della skin, il container, i bottoni, lo sfondo, il colore dei gruppi per qualsiasi altra modifica domandatemi in questo topic

    16-comment-importantSe prelevate segnalate QUI


    INSTALLAZIONE DELLA SKIN



    dlOrO in cima al forum
    CODICE
    <div id="wrapper">
    <div id="leftborder">
    <div id="rightborder">


    dlOrOcodice html › in fondo al forum
    CODICE
    <div style="background-color: #000; width: px; height: 12px"><div align=center>
    <div style="font-size: 9px; font-family: trebuchet ms; line-height: 11px;"><b>Ti aspetto</b> skin by <a href="http://ciaportfolio.blogfree.net/"> ¿cia</a> |Disponibile sul <a href="http://ciaportfolio.blogfree.net/"> ¿cia portfolio</a></i></a>
    </td>
    </tr>
    </table></div><br><br><br>


    dlOrO colori e stili
    CODICE
    /* TI ASPETTO SKIN BY CIA*/
    body {background-color: #ECFCF6; font-family: verdana; font-size: 10px; color: #6A6A6A}
    table, div {font-family: georgia; font-size: 10px; color: #6A6A6A; line-height: 80%}
    a:link, a:visited {text-decoration: none; color: #DB9B7C}
    a:hover {color: #3D3D3D}

    /* SCRITTE ESTERNE */
    .nav {font-size: 10px; background-color: #none; font-family: georgia; color: #B2A760; text-transform: none}
    .nav a:link, .nav a:visited {color: #2C000F} .nav a:hover {color: #D8D8D8}


    /* CONTAINER */
    #wrapper {background-color: #F8F8F8;
    margin-left: 0;
    margin-right: 0;
    width: 60%}


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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #5D4343; font-weight: bold}
    .moderatore {color: #DFD594; font-weight: bold}
    .utente {}
    .daconvalidare {color: #008000}
    .gruppo1 {color: #5D4343; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {font-family: georgia; letter-spacing: 1; word-spacing: 1px; padding-top: 8; font-size: 7pt; color: #D4DCE0; text-align: center; text-transform: uppercase}

    .msub {height: 16px}
    .mback {height: 19px; background-color: none; background-image: none}
    .mback_left {width: 12px; height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:no-repeat}
    .mback_center {height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:repeat-x}
    .mback_right {width: 13px; height: 19px; background-image: url(http://localhostr.com/file/v8Y1mpo/34.png); background-repeat:no-repeat}
    .msub_left {width: 24px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat:no-repeat}
    .msub_center {height: 16px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat: repeat-x}
    .msub_right {width: 24px; background-image: url(http://localhostr.com/file/CXyS1Ev/sotto.png); background-repeat: no-repeat}
    .mleft_top {width: 9px; height: 19px; background-image: url(http://localhostr.com/file/XjJkpaM/ULTIMA.png); background-repeat:no-repeat}
    .mright_top {width: 9px; height: 19px; background-image: url(http://localhostr.com/file/ogRTQ0t/ULTIM1A.png); background-repeat:no-repeat}
    .mleft_bottom {width: 9px; height: 16px; background-image: url(http://localhostr.com/file/L7d4sE2/br.png); background-repeat:no-repeat}
    .mright_bottom {width: 9px; height: 16px; background-image: url(http://localhostr.com/file/zC3tRSL/br2.png); background-repeat:no-repeat}
    .mleft, .sep_left {width: 8px; background-image: url(http://localhostr.com/file/zPvRrqt/latterale.png); background-repeat: repeat-y}
    .mright, .sep_right {width: 9px; background-image: url(http://localhostr.com/file/3z97WKG/latterale%20destra.png); background-repeat: repeat-y}

    /* BARRA UTENTE */
    .menu input, .menu img {display: none}
    .menu .highlight {color: #B5B5B5}
    .menu {height: 20px; background-color: #000000; font-size: 9px; font-family: century gothic; letter-spacing: 1px; text-position: center; padding-left: 10px; padding-right: 10px; text-align: right; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #482F20}
    .header_width {width: 100% !important}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-color: #FFF}
    .title, .title2, .foot, .row2 {height: 20px; font-size: 7.5pt; background-image: url(http://img.forumfree.net/index_file/spacer.gif); padding: 1px; color: #6A6A6A}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-image: url(http://img577.imageshack.us/img577/5241/senzaolo1zg.png); background-repeat: repeat-x; background-position: top; background-color: #FFF; border-bottom: 0}
    .foot {height: 10px; font-weight: normal; letter-spacing: 1; color: #6A6A6A; background-color: #FFF}
    .web {font-weight: normal; font-size: 7pt; font-family: georgia; tahoma, arial; line-height: 7px; color: #6A6A6A}
    .web a:link, .web a:visited, .web a:active {color: #E0A98E; line-height: 8px}
    .web a:hover {color: #6A6A6A; line-height: 8px} .desc {font-size: 9px; color: #6A6A6A}
    .desc {font-size: 9px; color: #979797; font-family: trebuchet ms; font-style: italic; line-height: 8px}
    .zz a:link, .zz a:visited {color: #E7725B}
    .zz a:hover {color: #E6C55F}
    .board .foot {display: none}


    /* STATISTICHE */

    .stats .title2 {height: 10px; border-bottom: 0 dashed #FFFCDD; background-color: #F8F8F8; font-size: 0; color: #F0F0F0; line-height: 6px}
    .stats .border {background-color: #F8F8F8; border: 0 dashed #D8E1E6}
    .sunbar {height: 5px; background-color: #F8F8F8; border: 0; line-height: 6px; color: #613821; font-weight: normal; text-transform: uppercase; letter-spacing: 0; font-family: trebuchet ms; font-style: italic; font-size: 9px; letter-spacing: 1px; border-bottom: 1 px solid #F4F4F4}
    .stats .ww, .stats .aa {background-color: #F8F8F8; font-family: arial; font-size: 7pt; line-height: 6px; border: 0}
    .stats .skin_tbl_border {background-color: #F8F8F8}
    .stats .ww {text-align: center}
    .highlight {color: #BBBBBB}





    /* SONDAGGIO */
    .bar_left {height: 3px; background-image: none; background-color: #E7725B}
    .bar {height: 3px; background-image: none; background-color: #E7725B; background-repeat: repeat-x}
    .bar_right {height: 3px; background-image: none; background-color: #E7725B}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited {color: #7D9968; font-size: 7pt; font-family: 'droid serif', serif} .highlight a:hover {text-decoration: line-through}

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 10px; color: #C5BCB2; background-color: #FFF; border: 1px solid #FFF; border-bottom: 0}
    .nick {font-size: 14px; color: #E7725B; font-family: tahoma; text-transform: uppercase; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-color: #FFF; border: 1px solid #FFF; border-bottom: 0}

    .quote_top {text-align: left; font-size: 6, 5pt; padding-top: 6px; font-family: georgia; text-transform: lowercase; letter-spacing: 2px; color: #A4A4A4; font-weight: normal}

    .quote {border-bottom: 2px solid #6E583C;(d); background-color: #F8F5F0; font-size: 10px; padding: 2px; font-style: italic} .code_top {background-color: #FFF; border: 0; background-image: url(http://digilander.libero.it/nemesis09/ordinary/sep.bot.gif); background-repeat: repeat-x; background-position: bottom; text-align: center; font-size: 9px; color: #B0B0B0; font-family: verdana; padding-top: 6px; text-transform: uppercase; letter-spacing: 0}
    .code {background: #F8F5F0; border: 0 dotted #FFF; border-left: 0 solid #FFF; border-top: 2px solid #E0D694; margin: 0 auto 8px auto; padding: 4px; font-size: 7pt; color: #B0B0B0; text-align: justify; font-family: arial}

    .spoiler .code_top {background-color: #FFFFFF; border: 0; background-image: url(http://digilander.libero.it/nemesis09/ordinary/sep.bot.gif); background-repeat: repeat-x; background-position: bottom; text-align: center; font-size: 9px; color: #B0B0B0; font-family: verdana; padding-top: 6px; text-transform: uppercase; letter-spacing: 0}
    .spoiler .code {background: #F8F5F0; border: 0 dotted #FFF; border-left: 0 solid #FFF; border-top: 2px solid #E6C55F; margin: 0 auto 8px auto; padding: 4px; font-size: 7pt; color: #B0B0B0; text-align: justify; font-family: arial}


    .color {font-size: 8pt; line-height: 90%}
    .color a:hover {text-decoration: underline}
    hr {color: #DDF3F9}
    .fancyborder {background-color: #FFF; border: 1px dashed #C5BCB2}

    .edit {font-size: 9px; font-style: trebuchet ms; color: #D1CFDF}
    .bottomborder {border-bottom: 1px dashed #C5BCB2}
    .signature {color: #C5BCB2; line-height: 90%}
    .sep {height: 1px; border-bottom: 1px dashed #E7725B; background-color: #FFF}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: none}
    .msg_main, .row1 {background-color: #FFF; border: 1px solid #F4F3EE; border-bottom: 0}
    .row3 {background-color: #FFF; border: 1px solid #FFF}
    .title3, .darkbar {background-color: #FFF; border-bottom: 1px solid #C1CCCE; border-bottom: 0; text-style: italic; color: #BAD9E1}
    .msg .details p {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt; line-height: 150%}
    .msg .details {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt}
    .msg .details {font-family: trebuchet ms, verdana, tahoma, arial; font-size: 7pt}
    .info {font-weight: bold; color: #FFC4B3}
    .alert {font-weight: bold; color: #FFC4B3}
    .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: #FFF}

    /* INPUT */
    .textinput, .forminput, .input {color: #656565; border: 1px solid #E5E0E0; background-color: #F4F4F4; font-size: 7pt; font-family: trebuchet ms}
    .codebuttons, .textinput, .forminput {border-radius: 8px; border: 1px solid #E5E0E0; background-color: #F4F4F4; color: #6A6A6A; font-size: 7pt; font-family: trebuchet ms}
    .menu .textinput, .menu .forminput {background-color: #F4F4F4; border-left: 1px solid #E5E0E0; font-family: trebuchet ms}
    .forminput {font-size: 10px; font-family: trebuchet ms}
    .msg .textinput {background-color: #F4F4F4; color: #6A6A6A; font-size: 8pt; font-family: trebuchet ms}
    .msg .input, .msg .forminput {background-color: #F4F4F4; font-family: trebuchet ms}
    .codebuttons, .forminput {background-image: url(http://img13.imageshack.us/img13/3223/senzatitolo1edl.png); background-position: top}

    /* TAG */
    .tag .aa {background-color: #FAF8EB}
    .tag a:link {color: #5D4343; font-weight: bold}


    dlOrO immagini › modifica rapida
    CODICE
    A_STAR:*
    GRADO_ADMIN:
    GRADO_MOD:
    HEADER_TILE:http://img.forumfree.net/style_images/15/header_tile.gif
    TILE_BACK:http://img.forumfree.net/style_images/15/tile_back.gif
    TILE_SUB:http://img.forumfree.net/index_file/spacer.gif
    A_REPLY:reply -
    A_POST:new topic
    A_POLL:- new poll
    A_POLLONLY_B:closed
    A_LOCKED_B:closed
    M_REPLY:reply,
    M_ADDMEM:add,
    M_DELETE:delete,
    M_UNREAD:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
    M_READ:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
    C_ON:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
    C_OFF:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
    C_ON_RES:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
    C_OFF_RES:<img src='http://localhostr.com/file/rHKOQbS/off.png' alt='C_OFF'>
    C_LOCKED:<img src='http://localhostr.com/file/PCbpmAL/on.png' alt='C_ON'>
    F_ACTIVE:<img src='http://i.imgur.com/dlOrO.png' alt='F_ACTIVE'>
    F_STATS:<img src='http://i.imgur.com/s0BX4.png' alt='F_STATS'>
    B_NEW:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_NEW'>
    B_NORM:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_NORM'>
    B_HOT:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_HOT'>
    B_HOT_NN:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_HOT_NN'>
    B_POLL:<img src='http://a.imageshack.us/img100/8683/balloonellipsis.png' width='16' height='16' alt='B_POLL'>
    B_POLL_NN:<img src='http://a.imageshack.us/img2/5704/balloonu.png' width='16' height='16' alt='B_POLL_NN'>
    B_MOVED:<img src='http://a.imageshack.us/img573/2181/balloonarrow.png' width='16' height='16' alt='B_MOVED'>
    B_LOCKED:<img src='http://a.imageshack.us/img607/3865/balloonexclamation.png' width='16' height='16' alt='B_LOCKED'>
    NEW_POST:<img src='http://img819.imageshack.us/img819/5125/newtext.png' width='16' height='16' alt='NEW_POST'>
    B_PIN:<img src='http://skin.forumfree.net/1449/40.png' width='10' height='10' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://i47.tinypic.com/25rgydk.png' width='10' height='10' alt='B_ANNUNCIO'>
    P_DELETE:x delete +
    P_EDIT:edit "
    P_QUOTE:quote
    P_MSG:mp
    P_EMAIL:email
    P_WEBSITE:www
    P_CONTACTS:<b>P_CONTACTS</b>
    P_UP:http://img560.imageshack.us/img560/1251/newt.png
    F_NAV:<img src=http://localhostr.com/file/LR7P5e0/123.png>
    F_NAV_SEP:-
    ICON_SEARCH:http://skin.forumfree.net/1449/49.png
    ICON_MEMBERS:http://skin.forumfree.net/1449/05.png
    ICON_HELP:http://skin.forumfree.net/1449/30.png
    LOADING:http://img.forumfree.net/index_file/load.gif
    EMOTICONS:http://img.forumfree.net/style_images/1/icon1.gif
    TOPIC_ICON1:http://img.forumfree.net/style_images/15/icon1.gif
    TOPIC_ICON2:http://img.forumfree.net/style_images/15/icon2.gif
    TOPIC_ICON3:http://img.forumfree.net/style_images/15/icon3.gif
    TOPIC_ICON4:http://img.forumfree.net/style_images/15/icon4.gif
    TOPIC_ICON5:http://img.forumfree.net/style_images/15/icon5.gif
    TOPIC_ICON6:http://img.forumfree.net/style_images/15/icon6.gif
    TOPIC_ICON7:http://img.forumfree.net/style_images/15/icon7.gif
    TOPIC_ICON8:http://img.forumfree.net/style_images/15/icon8.gif
    TOPIC_ICON9:http://img.forumfree.net/style_images/15/icon9.gif
    TOPIC_ICON10:http://img.forumfree.net/style_images/15/icon10.gif
    TOPIC_ICON11:http://img.forumfree.net/style_images/15/icon11.gif
    TOPIC_ICON12:http://img.forumfree.net/style_images/15/icon12.gif
    TOPIC_ICON13:http://img.forumfree.net/style_images/15/icon13.gif
    TOPIC_ICON14:http://img.forumfree.net/style_images/15/icon14.gif
    CAT_IMG:<img src='http://skin.forumfree.net/1768/post.png' width='10' height='10' alt='CAT_IMG'>
    PAG:<img src='http://img.forumfree.net/index_file/pages.gif' width='11' height='11' alt='PAG'>
    ONLINE:http://img.forumfree.net/index_file/online.gif
    OFFLINE:http://img.forumfree.net/index_file/offline.gif
    ANONIMO:http://img.forumfree.net/index_file/anonimo.gif
    IMPORTANTE:!
    ANNUNCIO:-
    SONDAGGIO:<i>Sondaggio:</i>
    SPOSTATO:<i>Spostato:</i>
    THUMBS_UP:http://img.forumfree.net/index_file/thumbs_up.png
    THUMBS_DOWN:http://img.forumfree.net/index_file/thumbs_down.png


    dlOrOSfondo
    CODICE
    http://localhostr.com/file/I1Nvn0D/VF_r13.jpg




    host:http://localhostr.com/

    Edited by ¿Cia - 18/3/2012, 23:43
     
    .
  2. fabs‚
     
    .

    User deleted


    che bella *O*
     
    .
  3. ¿Cia
     
    .

    User deleted


    ma grazie ^^
     
    .
  4. N a n n a
     
    .

    User deleted


    bellissima complimenti:D
     
    .
  5.  
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    ~ ES. Lovers
    Posts
    35,340
    Reputation
    +2
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    Un'altra skin minimal che mi convince XD Bene, vuol dire che c'è un certo impegno nel realizzarle e renderle belle anche se ridotte al minimo graficamente parlando. E' molto gradevole e non stanca troppo la vista, a parte le scritte che sono sempre troppo piccole per quanto mi riguarda. Gli hover sui links del menù sono poco leggibili. E anche il colore della parte CODE è poco leggibile, sarebbe meglio contrastare le scritte dallo sfondo sempre e comunque se si tratta di scritte importanti. Sia per gli utenti che per google che se non rammento male odia i colori di scritte troppo simili a quelli di sfondo, ma non mi inoltro nei dettagli di questo che potrebbero aver cambiato parametri XD Per contrasto sarebbe ideale quello usato per le scritte normali in tag, non è troppo scuro ma si legge comunque bene. Passiamo agli errori:

    24 .nav Value Error : background-color #none is not a valid color 3 or 6 hexadecimals numbers #none

    Qui a background-color none non esiste. Per levare il colore di sfondo si usa background-color:transparent

    47 .mtitle Value Error : letter-spacing only 0 can be a length. You must put a unit after your number : 1
    47 .mtitle Value Error : padding-top only 0 can be a length. You must put a unit after your number : 8
    74 .foot Value Error : letter-spacing only 0 can be a length. You must put a unit after your number : 1

    Qui invece hai dimenticato di aggiungere px o pt o em o % accanto ai numeri, solo 0 può non avere l'unità di misura, mentre qualsiasi numero superiore ha bisogno di qualcosa accanto.

    50 .mback Value Error : background-color none is not a color value : none

    Qui lo stesso, al posto di none si usa transparent

    67 .menu Property text-position doesn't exist : center

    Qui è text-align per allineare il testo, position da solo si usa per posizionare altre cose e in modo diverso.

    75 .web Parse Error tahoma, arial

    Qui hai messo ; tra un font e l'altro:

    CODICE
    .web {font-weight: normal; font-size: 7pt; font-family: georgia; tahoma, arial; line-height: 7px; color: #6A6A6A}


    invece ci va la , il ; si mette quando finisce un attributo.

    88 .sunbar Value Error : border-bottom Too many values or values are not recognized : 1 px solid #f4f4f4

    Qui va solo attaccato px a 1, se viene staccato da errore.

    112 .quote_top Value Error : font-size Too many values or values are not recognized : 6,5pt

    Qui va il . al posto della , altrimenti li stacca come fa coi font e li prende come un valore diverso.

    114 .quote Parse Error ;(d);

    qui tra due ; c'è quel (d) che va rimosso, probabilmente c'era un'immagine.

    114 Parse Error [: #F8F5F0; font-size: 10px; padding: 2px; font-style: italic} .code_top]

    Questo è dato dal (d) sopra di troppo.

    126 .edit Value Error : font-style Too many values or values are not recognized : trebuchet ms

    trebuchet ms è un solo font però i font con i nomi spezzati vanno tra virgolette singone ovvero 'trebuchet ms'.

    135 .title3, .darkbar Property text-style doesn't exist : italic

    Qui è font-style per mettere il corsivo.

    Finiti XD Sì lo so, sembrano tanti ma sono solo piccoli errori che capitano spesso. La skin ancora non è pubblicabile, quando gli errori saranno risolti sarà possibile pubblicarla tra le chiare :D
     
    .
  6. ¿Cia
     
    .

    User deleted


    Premetto che è la prima skin che creo quindi con il codes non è che sia un genio xD Sto imparando piano piano...

    Per gli errori appena ho un po di tempo libero cercherò di sistemarli :) Grazie per i consigli cercherò di seguirli.
     
    .
  7.  
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    ~ ES. Lovers
    Posts
    35,340
    Reputation
    +2
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    Non ti preoccupare, si comincia tutti prima o poi e ti assicuro che la mia prima skin in confronto era uno schifo assoluto XD Continua così :3
     
    .
6 replies since 18/3/2012, 01:35   209 views
  Share  
.
Top
Top