Posts written by . F r e e .

  1. .
    Per esempio in questa skin, il .minus e il .plus sono composti da due differenti immagini, ossia:

    .plus >> plus
    Che inserisci nel CSS con questi paramentri:
    CODICE
    .plus {width: XXpx; height: XXpx; background-image: url(LINK IMMAGINE PLUS)}


    .minus >> minus
    Che inserisci nel CSS con questi paramentri:
    CODICE
    .minus {width: XXpx; height: XXpx; background-image: url(LINK IMMAGINE MINUS)}
  2. .
    Ah ok, allora devi modificare questo selettore =):

    CODICE
    .header {background-color: #FFF; border: 1px solid #B2B9C5; border-bottom: 0}


    Se vuoi che sia trasparente sostituiscilo con questo (basta cancellare la proprietà background-color):

    CODICE
    .header {border: 1px solid #B2B9C5; border-bottom: 0}


  3. .
    @MysticEspeon: posta pure il link del forum di prova, meglio se in un nuovo topic in support =)

    @Agne: non vedo il bianco, riesci a farmi uno stamp? =)
  4. .
    Non è esattamente uno spazio, bensì il colore di fondo di questo selettore =)

    CODICE
    .skin_tbl_border {background-color: #HEX}
  5. .
    Di niente =) No, no è apposto così il codice =)
  6. .
    Figurati =) Comunque te l'ho rifatto perchè così com'era non mi convinceva eccessivamente e poi dava problemi con i credits:

    Codice da inserire nel box "in CIMA al forum"

    CODICE
    <br><br><table width="75%" align="center" cellspacing="0" cellpadding="0">
    <tr>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/top_left.gif) no-repeat; width:23px;">&nbsp;</td>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/back_center.gif) repeat-x; Height:23px">&nbsp;</td>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/top_right.gif) no-repeat;" width="23px">&nbsp;</td>
    </tr>
    <tr>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/left.gif) repeat-y;">&nbsp;</td>
    <td style="background:url(none) repeat; background-color: #d5d5d5" align="center" valign="top">



    Codice da inserire nel box "in FONDO al forum"
    CODICE
    <br>
    </td>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/right.gif) repeat-y;">&nbsp;</td>
    </tr>
    <tr>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/bottom_left.gif) no-repeat;">&nbsp;</td>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/sub_center.gif) repeat-x; height:23px">&nbsp;</td>
    <td style="background:url(http://digilander.libero.it/skinfactory_shin/Poker/bottom_right.gif) no-repeat;">&nbsp;</td>
    </tr>
    </table><br>
    <div style= "width: 350px; border: 2px solid #d5d5d5; font: 8pt">Powered by <a href="?act=Profile&MID=315968">Mezmerized</a> of the <a href="http://skinfactory.forumfree.net">SkinFactory</a</div>
    <br>
  7. .
    Ah no, intendevo di metterle in questo topic, così dò un'occhiata ai codici =)
  8. .
    Prova a postare i codici che trovi in Gestion HTML sia nel box "in CIMA a tutte le pagine" che quello "in FONDO a tutte le pagine" ^^
  9. .
    @ Mark:ma hai fatto bene a controllare il css, si deve sempre controllare tutto =)

    Riguardo al menu credo sia dettato dai parametri margin-bottom: -18px; margin-top: 35px che trovi in

    CODICE
    .menu {text-align: center; margin-bottom: -18px; margin-top: 35px}


    Prova sostituendo con:

    CODICE
    .menu {text-align: center; position: relative; top: 35px}


    Rispetto al margin è un pò diverso, vedi se entra in conflitto con il resto della grafica
  10. .
    Potrebbe essere l'immagine in "benvenuti" che, misurando 1.110px × 377ps, è un problema per le risoluzioni minori come la 1024x768.
  11. .
    Agne, intendi solo nel .sunbar o vuoi mettere un bordo attorno a tutti i singoli elementi delle statistiche?

    Se intendi il primo nella tua skin non si visualizza anche il bordo in basso, poichè qua:

    CODICE
    .sunbar {height: 25px; font-weight: bold; color: #FFFFFF; background-color: #737373; border: 1px solid #444444; border-bottom: 1px}


    Compare quel border-bottom: 1px che senza alcun colore non fa visualizzare completamente il border: 1px solid scritto poco prima. Eliminalo e dovrai visualizzare il bordo correttamente =)
  12. .
    Qui c'è la soluzione al problema del .mainbg ^^
  13. .
    Eccolo, lì trovi il parametro che vuoi inserire =)
  14. .
    Te l'ho un pò ordinato così, le prime volte, ci si confonde di meno tra una misura e l'altra =)

    Ecco il codice:

    CODICE
    .mback {height: 56px; border-bottom: 1px solid #ADBAC6; background-image: none}

    .mback_center {background-image: url(http://img251.imageshack.us/img251/4302/mbackcenter.png); background-repeat: repeat-x; background-position: bottom}

    .mback_left {width: 108px; background-image: url(http://img835.imageshack.us/img835/4402/mbackleftg.png); background-repeat: no-repeat; background-position: bottom}
    .mleft_top {width: 9px; background-image: url(http://img651.imageshack.us/img651/9438/mleft.png); background-repeat: no-repeat; background-position: bottom}
    .mleft, .sep_left {width: 9px; background-image: url(http://img59.imageshack.us/img59/453/mseptleft.png); background-repeat: repeat-y}
    .mleft_bottom {width: 9px; background-image: url(http://img829.imageshack.us/img829/3028/mrighbot.png); background-repeat: no-repeat}

    .mback_right {width: 99px; height: 58px; background-image: url(http://img709.imageshack.us/img709/6536/mbackrightq.png); background-repeat: no-repeat; background-position: bottom}
    .mright_top {width: 11px; height: 56px; background-image: url(http://img64.imageshack.us/img64/9186/mrightbo.png); background-repeat: repeat-y; background-position: bottom}
    .mright, .sep_right {width: 11px; background-image: url(http://img835.imageshack.us/img835/5002/mseptright.png); background-repeat: repeat-y}
    .mright_bottom {width: 11px; background-image: url(http://img339.imageshack.us/img339/7636/mleftbot.png); background-repeat: no-repeat}

    .msub {height: 30px; font-size: 3px}
    .msub_left {height: 29px; width: 108px; background-image: url(http://img251.imageshack.us/img251/1585/msubleftu.png); background-repeat: no-repeat}
    .msub_center {background-image: url(http://img26.imageshack.us/img26/2731/msubcenter.png); background-repeat: repeat-x}
    .msub_right {width: 99px; height: 30px; background-image: url(http://img823.imageshack.us/img823/4429/msubright.png); background-repeat: no-repeat}


    Gli errori erano:
    L'altezza del .mback era di 25px, quando in realtà dovrebbe seguire quella dell'immagine ossia 56px (secondo quelle che hai usato come .mback_left e .mback_center).
    L'immagine che hai usato come .mback_right però ha un'altezza di 58px (per visualizzare la skin correttamente le immagini dell'.mback devono avere tutte la stessa altezza >> qui è spiegato meglio).
    Nel .mleft_top e .mright_top ci va un background-repeat: no-repeat. In .mleft, .sep_left; in .mleft_bottom; in .mright, .sep_right e in .mright_bottom ti conviene specificare la width.
    Infine il .mright_bottom e il .mleft_bottom devono avere la stessa altezza delle immagini che hai messo come .sub (gli errori qua erano che avevi specificato un'altezza di 3px nel selettore .msub // e un'altezza di 29px nel selettore .msub_right).
    Nei selettori .mleft, .sep_left e .mright, .sep_right ci va un background-repeat: repeat-y (inoltre il background-repeat: repeat-none non esiste come scrittura). E nei selettori .mleft_bottom e .mright_bottom ci va un background-repeat: no-repeat).

    Se adesso si vede male è perchè alcune immagini sono tagliate in maniera errata (per esempio il .mright, .sep_right e il .mleft_top).

    Visto che sei alle prime armi ti consiglio di dare un'occhiata al nostro Skinning for Dummies dove insegna tutti i passaggi per creare una skin più qualche utile trucco per non incappare in questi errori ^^
  15. .
    Scusami non ho ben capito le modifiche che vorresti attuare alla skin ^^"

    Comunque per sicurezza hai chiesto il permesso all'autore?
346 replies since 1/4/2006
.