Posts written by . F r e e .

  1. .
    E' il parametro opacity che di suo rovina il font, ma solo nei valori diversi dallo 0.0 e dal 1.0. Parecchio inutile in questo senso.
  2. .
    Non te l'ho tagliata direttamente perchè avrei dovuto creare delle immagini png (pesanti) e poichè lo sfondo interno alla skin è meglio se lo fai ad opacità 100% così si evitano casini con il browser.
    Quindi ho creato dei livelli con il nome del selettore dove vanno; per comprendere meglio come scriverne il codice rifatti alla lezione apposita che spiega sicuramente meglio di me =)

    Download PSD

    Ah quello che ti ho segnato come .msub, lo puoi usare come immagine uguale sia per il .msub_left, .msub_right che .msub_center.
  3. .
    Per avere una base in più ti consiglio la nostra lezione di skinning =)
    Comunque sì è possibile tagliarla senza problemi!
  4. .
    Sono i .mleft_top e .mright_top che sballano tutto. Infatti devono avere la stessa altezza del .mback (quindi center, left e right che è di 33px) mentre hanno un height: 34px. Inoltre il .mleft_top deve avere la stessa larghezza del .mleft, .sep_left e del .mleft_bottom; mentre il .mright_top deve avere la stessa larghezza del .mright, .sep_right e del .mright_bottom.
    Comunque ti consiglio di dare un'occhiata a questo schema (x)
    Se hai ancora qualche dubbio chiedi pure =)
  5. .
    Perchè in .mleft, .sep_left e .mright, .sep_right hai specificato l'altezza. Toglila pure non creerà nessun problema alla barra e risolverà quello del .sep =)
  6. .
    Posta il link del forum di prova della skin, perchè inserendo il code che hai fornito in una skin qualunque non incontro lo stesso problema che riscontri tu.

    Comunque prova sostituendo questo codice (non sono sicuro che funzioni visto che non ho il tuo css completo):

    CODICE
    .tag .mback {height: 5px}
    .tag .mback_right {width: 200px; background-image: url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: repeat-x; background-position: right bottom}
    .tag .mback_left {width: 200px; background-image: url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: repeat-x; background-position: left bottom}
    .tag .mback_center {background-image: url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: repeat-x; background-position: center bottom}
    .tag .mleft_top {height: npx; background-image: url(); background-repeat: no-repeat; background-position: right bottom}
    .tag .mright_top {height: npx; background-image: url(); background-repeat: no-repeat; background-position: left bottom}
    .tag .mleft {width: npx; background-image: url(); background-repeat: repeat-y; background-position: right}
    .tag .mright {width: npx; background-image: url(); background-repeat: repeat-y; background-position: left}
    .tag .msub_right {width: 200px; background-image: url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: no-repeat; background-position: left top}
    .tag .msub_left {width: 200px; background-image: url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: no-repeat; background-position: right top}
    .tag .msub_center {height: 5px; background-image:url(http://i37.tinypic.com/2zrdet0.jpg); background-repeat: repeat-x; background-position: center top}
    .tag .mright_bottom {height: npx; background-image: url(); background-repeat: no-repeat; background-position: left top}
    .tag .mleft_bottom {height: npx; background-image: url(); background-repeat: no-repeat; background-position: right top}
  7. .
    Riguardo il primo problema, io vedevo uno spazio parecchio ampio tra un post e l'altro (per risolvere tale problema cancella il parametro " height: 26px;" dai selettori .mright, .sep_right e .mleft, .sep_left // ricorda di non specificare mai l'altezza in questi perchè potrebbe appunto dare errori simili =) )
    Comunque come detto da Mezmerized, per modificare il colore di quello spazio lì devi lavorare sul selettore:

    CODICE
    .sep {height: 7px}


    Aggiungendo appunto un "background-color: #HEX" a tuo piacere ^^
  8. .
    Il codice completo te l'ho modificato così:

    CODICE
    /* BARRA ATTORNO AL FORUM */
    .mback {height: 35px; background-image: none}
    .mtitle {font-size: 9pt; text-align: center; color: #666666; padding-top: 36pt}
    .mback_left {width: 150px; height: 70px; background-image: url(); background-repeat: no-repeat; background-position: bottom}
    .mback_center {width: 435px; height: 70px; background-image: url(http://i37.tinypic.com/2j3nzut.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback_right {width: 150px; height: 70px; background-image: url(http://i38.tinypic.com/715nx3.jpg); background-repeat: no-repeat; background-position: bottom}
    .msub {height: 20px} .msub_left {width: 26px; height: 20px; background-image: url(http://i33.tinypic.com/oszc4j.jpg); background-repeat: no-repeat}
    .msub_center {background-image: url(http://i33.tinypic.com/oszc4j.jpg); background-repeat: repeat-x}
    .msub_right {width: 26px; height: 20px; background-image: url(http://i33.tinypic.com/oszc4j.jpg); background-repeat: no-repeat}
    .mleft, .sep_left, .mright, .sep_right {width: 0}


    lavorando principalmente sul .mtitle, aggiungendo nella stringa il parametro "padding-top". Se vuoi che il .mtitle si abbassi ancora, aumenta la cifra posta nel padding-top, se lo vuoi un pò più sopra, invece, diminuisci la cifra. ^^
  9. .
    E' dettato da questa stringa:

    CODICE
    .board .foot {height: 6px; padding: 0; background-image: none; background-color: #4BA8B6}


    Se vuoi togliere quell'effetto sostituiscila con questa ^^

    CODICE
    .board .foot {display: none}
  10. .
    Benvenuti a questa nuova lezione dello Skinnin for Dummies dove approfondiremo dei selettori particolarmente ostici, ossia il .mainbg e i suoi diversi componenti.
    Come già detto nella seconda lezione:

    CITAZIONE (Mezmerized @ 17/6/2009, 15:18)
    la funzione del .mainbg è quella di fare da sfondo ultimo alle nostre sezioni. Solitamente nelle skin complete viene visualizzato come il bordo che racchiude e divide le varie parti come .aa etc.

    Ma esistono altri selettori che svolgono un compito molto simile a quello del .mainbg e sono:

    .main1: è lo sfondo ultimo al .title, ricopre tutta la sua lunghezza mentre l'altezza può essere stabilita a proprio piacimento. E' allo stesso livello del .main4.
    .main2: è lo sfondo inferiore al .title, ricopre la parte sinistra del .main1. E' inoltre inferiore di livello al .main3, al .main5 e al .main6; é superiore al .main1.
    .main3: è lo sfondo inferiore al .title, ricopre la parte destra del .main1. E' inoltre inferiore di livello al .main5 e al .main6; é superiore al .main1 e al .main2.

    .main4: è lo sfondo ultimo al .foot, ricopre tutta la sua lunghezza mentre l'altezza può essere stabilita a proprio piacimento. E' allo stesso livello del .main1.
    .main5: è lo sfondo inferiore al .foot, ricopre la parte sinistra del .main4. E' inoltre inferiore di livello al .main6; é superiore al .main4, al .main2 e al .main3.
    .main6: è lo sfondo inferiore al .foot, ricopre la parte destra del .main4. E' inoltre superiore al .main4, al .main5, al .main2 e al .main3.

    Ecco una animazione che vi permetterà di capire meglio le posizioni di questi .main:

    image


    Importante! Ricordatevi che il .mainbg rimarrà sempre come sfondo ultimo di tutti questi selettori. Ciò con un pò di pratica vi permetterà di creare diversi e complessi effetti.


    Affinchè questi selettori si possano visualizzare correttamente, bisogna togliere qualunque sfondo (vietati quindi background-image e background-color) al .title così come al .foot impostando solo l'altezza e gli altri parametri essenziali:

    .title {height: XXpx; font-size: XXpt; font-weight: bold; color: #HEX}
    .foot {height: XXpx; font-size: XXpt; font-weight: bold; color: #HEX}


    Fatto ciò si può passare alla personalizzazione dei vari .main:

    .main1 {background-image: url(IMMAGINE); background-repeat: repeat-x; background-position: top}
    .main2 {background-image: url(IMMAGINE); background-repeat: no-repeat; background-position: left top}
    .main3 {background-image: url(IMMAGINE); background-repeat: no-repeat; background-position: right top}

    .main4 {background-image: url(IMMAGINE); background-repeat: repeat-x; background-position: bottom}
    .main5 {background-image: url(IMMAGINE); background-repeat: no-repeat; background-position: left bottom}
    .main6 {background-image: url(IMMAGINE); background-repeat: no-repeat; background-position: right bottom}


  11. .
    Era dovuto al border di questa stringa:

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


    Ho modificato il css prova a vedere se ti funzione =)

    SPOILER (click to view)
    CODICE
    body {background-attachment: fixed; background-color: #626971; font-family: tahoma; font-size: 8pt; color: #8FD8BB}
    table, div {font-size: 7.5pt; color: #6C747D}
    a:link, a:visited {text-decoration: none; color: #739693}
    a:hover {color: #8FD8BB}

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

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #C8E3DE; font-weight: bold}
    .moderatore {color: #93B2A8; font-weight: bold}
    .utente {}
    .daconvalidare {color: #303131}
    .gruppo1 {color: #609BA7}
    .gruppo2 {color: #82A29E}
    .gruppo3 {color: #95DDFF}
    .gruppo4 {color: #9FEF50}
    .gruppo5 {color: #FFF000}
    .gruppo6 {color: #FFB56A}

    /* BARRA DI SCORRIMENTO COLORATA */
    body {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 {text-align: center; letter-spacing: 1px; word-spacing: 2px; padding-top: 4px; font-weight: bold; font-size: 7pt; color: transparent}

    .mback_left {height: 26px; width: 20px; background-image: url(http://i33.tinypic.com/mskgnp.jpg); background-repeat: no-repeat; background-position: bottom}

    .mback_center {background-image: url(http://i33.tinypic.com/mskgnp.jpg); background-repeat: repeat-x; background-position: bottom}

    .mback_right {height: 26px; width: 20px; background-image: url(http://i33.tinypic.com/mskgnp.jpg); background-repeat: no-repeat; background-position: bottom}

    .mback {height: 26px; background-image: none}

    .mleft_top {height: 26px; width: 20px; background-image: url(http://i33.tinypic.com/2zexlwn.jpg); background-repeat: no-repeat; background-position: right bottom}

    .mright_top {height: 26px; width: 20px; background-image: url(http://i36.tinypic.com/29ohhtj.jpg); background-repeat: no-repeat; background-position: left bottom}

    .msub {height: 26px; font-size: 3px}

    .msub_left {height: 26px; width: 20px; background-image: url(http://i37.tinypic.com/10gdwmx.jpg); background-repeat: no-repeat}

    .msub_center {background-image: url(http://i37.tinypic.com/10gdwmx.jpg); background-repeat: repeat-x}

    .msub_right {height: 26px; width: 20px; background-image: url(http://i37.tinypic.com/10gdwmx.jpg); background-repeat: no-repeat}

    .mright_bottom {height: 26px; width: 20px; background-image: url(http://i34.tinypic.com/qpph0g.jpg); background-repeat: no-repeat; background-position: left top}

    .mleft_bottom {height: 26px; width: 20px; background-image: url(http://i34.tinypic.com/dvkqva.jpg); background-repeat: no-repeat; background-position: right top}

    .mleft, .sep_left {height: 26px; width: 20px; background-image: url(http://i34.tinypic.com/10scfex.jpg); background-repeat: repeat:y}

    .mright, .sep_right {height: 26px; width: 20px; background-image: url(http://i33.tinypic.com/5cxhmg.jpg); background-repeat: repeat:y}

    /* BARRA UTENTE */
    .header {background-color: #626971; border: 0 solid #B2B9C5; border-bottom: 0}
    .menu {background-color:transparent; background-position: top center; background-repeat: no-repeat; color: #hex; font-weight: bold; height: 8px; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 8px; border:none}
    .menu a:link, .menu a:visited {font-weight: bold; color: #8FD8BB}
    .menu .highlight {font-weight: bold; color: #7AA2F1}
    .menu_right {display: none}
    .menu select {display: none}
    .menu input {display: none}
    .a:hover {color: #739693}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-color: #6C747D}
    .title, .title2, .foot, .row2 {height: 25px; font-weight: bold; color: #444; background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #6C747D; border: 1px solid #626971; border-bottom: 0; color: #739693}
    .zz a:link {color: #8FD8BB}
    .zz a:hover {color: #739693}
    .web {font-size: 8.5pt; line-height: 150%; color: #8FD8BB}
    .web a:link, .web a:visited {font-size: 8.5pt; line-height: 150%; color: #8FD8BB}
    .web a:hover {color: #EBF3F1}
    .desc {font-size: 10px; color: #739693}
    .board .foot {display: none}
    .border {border: 1px solid; color: #000000}

    /* STATISTICHE */

    .sunbar {height: 12px; font-weight: bold; color: #8FD8BB; background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .stats .ww, .stats .aa {background-color: #6C747D}
    .stats .ww {text-align: center}
    .highlight {color: #626971}
    .stats .row1 {font-weight: bold; color: #76A89E}

    /* 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: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .nick {font-size: 12px; color: #8FD8BB; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    #quote {border: 1px solid #626971; background-color: #A9B8C2; font-size: 8pt; padding: 2px}
    #code {border: 1px solid #626971; background-color: #A9B8C2; font-size: 8pt; padding: 2px}
    .color {font-size: 9.5pt; line-height: 150%; color: #76A89E}
    .color a:hover {text-decoration: underline}
    hr {color: #6C747D}
    .fancyborder {background-color: #FFF; border: 1px dashed #ADBAC6}
    .details {color: #739693}

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

    /*SONDAGGIO*\
    .title2 {height: 15px; font-weight: bold; color: #707070; background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .title2 a:link, .title a:visited, .title a:active {color: #76A89E}
    .title2 a:hover {color: #8FD8BB}
    .title2 .row1 {border: 0; background-color: #6C747D; color: #3E4247}


    /*BARRE SONDAGGIO*/
    .bar {background-image:url(http://i33.tinypic.com/16awbbr.jpg)}
    .bar_left {background-image:url(http://i33.tinypic.com/16awbbr.jpg)}
    .bar_right {background-image:url(http://i33.tinypic.com/16awbbr.jpg)}



    /*RISPOSTA*/
    .msg_txt {color: #3E4247}
    .msg_txt a:link, .msg_txt a:visited, .msg_txt a:active {color: #76A89E; text-decoration: none}
    .msg_txt a:hover {color: #76A89E; text-decoration: underline}
    .msg_main {background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .pagetitle {color: #3E4247}
    .row3 {color: #3E4247; background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}


    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main {background-color: #6C747D; border: 1px solid #626971; border-bottom: 0}
    .row3 {background-color: #6C747D; border: 1px solid #626971}
    .title3, .darkbar {height: 15px; background-color: #6C747D; border: 1px solid #626971; border-bottom: 0; font-weight: bold; color: #739693}
    .title3 {border: 0}
    height: 25px; font-weight: bold; color: #444; background-color: #eaeaea
    .msg .details p {color: #707070; font-size: 8px; 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 #626971}
    .profile .row1 {border: 0; background-color: #6C747D; color: #3E4247}
    .row1 {color: #3E4247}

    /* INPUT */
    .forminput, .input, .codebuttons {border: 1px solid #626971; background-color: #EBF3F1; color: #586D7C; 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}
    .textinput {border: 1px solid #626971; background-color: #EBF3F1; color: #586D7C; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .msg .textinput {background-color: #FAFAFA; color: #444; font-size: 8.5pt}
    .msg .input, .msg .forminput {background-color: #F7F7F7}
  12. .
    Di niente ^^
  13. .
    Questa parte qua:

    CODICE
    .mleft .sep_left {height: 32px; width: 32px; background-image: url(http://i34.tinypic.com/2jbwhog.png); background-repeat: repeat-y}

    .mright .sep_right {height: 17px; width: 12px; background-image: url(http://i37.tinypic.com/8wz2h0.png); background-repeat: repeat-y}


    Devi riscriverla così (sono sbagliati i nomi selettori):

    CODICE
    .mleft, .sep_left {height: 32px; width: 32px; background-image: url(http://i34.tinypic.com/2jbwhog.png); background-repeat: repeat-y}

    .mright, .sep_right {height: 17px; width: 12px; background-image: url(http://i37.tinypic.com/8wz2h0.png); background-repeat: repeat-y}
  14. .
    Gli a:link e a:hover con un background che ho trovato sono (hanno tutti grigi chiari tranne l'ultimo che è scuro):

    CODICE
    .xx a:link, .xx a:visited, .zz a:link, .zz a:visited {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}

    .highlight a:link, .highlight a:visited, .highlight a:active {font-size: 9pt; text-align: center; background-color: #F0EDEF; border: none; color: #C5DAF4; font-weight: bold; text-decoration: none}

    .row3 a:link, a:active, a:visited, a:hover {border: none; background-color: #F0EDEF}

    .right_bottom * a:link, .right_bottom * a:visited, .right_bottom * a:active {background-color: #F7F7F5}

    .ww a:hover, .xx a:hover, .yy a:hover, .zz a:hover {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}

    .highlight a:hover {background-color: #F0F5FA; border: 1px solid #C2CFDF}

    .profile .row1 a:link, a:visited, a:hover, a:active {background-color: #D7D7D7; color: #F0EDEF}



    ----------
    Io ho eliminato tutti i background-color: #f0edf (il colore che appariva come sfondo dei link) e adesso visualizzo tutto ok. Ti passo il codice corretto:

    CODICE
    body {margin-bottom: 20px; background-color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; color: #3C3C3C} #f777829 {display:none}
    table, div {font-size: 10px; color: #3C3C3C}
    a:link, a:visited, a:active {color: #D5C9F0; text-decoration: none}
    a:hover {color: #D5C9F0; text-decoration: none}

    /* SCRITTE ESTERNE */
    .nav {font-family: tahoma; font-size: 11px; color: #F9E9FB}
    .nav a:link, .nav a:visited, .nav a:active, .nav a:hover {font-family: tahoma; font-size: 11px; color: #F9E9FB}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #9600FF; font-weight: bold}
    .moderatore {color: #537AB9; font-weight: bold}
    .utente {}
    .daconvalidare {color: #000; font-style: italic}
    .gruppo1 {color: #B980FF; font-weight: bold}
    .gruppo2 {color: #80A9FF; font-weight: bold}
    .gruppo3 {color: #95DDFF; font-weight: bold}
    .gruppo4 {color: #9FEF50; font-weight: bold}
    .gruppo5 {color: #FFF000; font-weight: bold}
    .gruppo6 {color: #FFB56A; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mback_left {height: 26px; width: 90px; background-image: url(http://i27.tinypic.com/2450bvr.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback_center {height: 26px; background-image: url(http://i27.tinypic.com/2450bvr.jpg); background-repeat: repeat-x; background-position: bottom}
    .mback_right {height: 26px; width: 90px; background-image: url(http://i27.tinypic.com/2450bvr.jpg); background-repeat: no-repeat; background-position: left}
    .mleft, .sep_left {width: 17px; background-image: url(http://i28.tinypic.com/11malh3.jpg); background-repeat: repeat-y; background-position: right}
    .mright, .sep_right {width: 16px; background-image: url(http://i26.tinypic.com/xddq52.jpg); background-repeat: repeat-y; background-position: left}
    .mleft_top {width: 20px; background-image: url(http://i26.tinypic.com/5uimj4.jpg); background-repeat: no-repeat; background-position: bottom}
    .mright_top {width: 18px; background-image: url(http://i25.tinypic.com/213kk01.jpg); background-repeat: no-repeat; background-position: left bottom}
    .mleft_bottom {background-image: url(http://i27.tinypic.com/34grfrq.jpg); background-repeat: no-repeat; width: 18px; height: 21px; background-position:right top}
    .msub_left {background-image: url(http://i27.tinypic.com/wtart2.jpg); background-repeat: no-repeat; width: 74px; background-position: bottom}
    .msub {background-image: url(http://i27.tinypic.com/wtart2.jpg); background-repeat: repeat-x; width: 74px; background-position: bottom}
    .msub_right {background-image: url(http://i27.tinypic.com/wtart2.jpg); background-repeat: no-repeat; width: 74px; height: 23px; background-position:left top}
    .mright_bottom {background-image: url(http://i32.tinypic.com/2gvn0nt.jpg); background-repeat: no-repeat; width: 22px}


    /* BARRA UTENTE */
    .header_width {border: 1px solid #9DA1A6}
    .header {background-image: url(http://img.forumfree.net/style_images/37/header_tile.gif); background-color: #9EC362; border: 1px solid #FFF}
    .menu {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #DFE2E4; border: 1px solid #FFF; border-top: 0; color: #3A4F6C; font-weight: bold; letter-spacing: 1px}
    .menu a:link, .menu a:visited, .menu a:active {color: #3A4F6C}
    .menu a:hover {color: #4A668A}

    /* SEZIONI FORUM */
    .mtitle {font-family: tahoma; font-size: 11px; color: #CFE5FF; font-weight: bold; text-transform: uppercase}
    .mainbg {background-color: #F7F7F5}
    .title {height: 26px; background-image:none; background-repeat: repeat-x; background-color: #F7F7F5; border-bottom: none; color: #D7D7D7; font-weight: normal; font-family: trebuchet ms; font-size: 11px; letter-spacing: 0}
    .title a:link, .title a:visited, .title a:active {color: #3A4F6C; text-decoration: none}
    .title a:hover {color: #3A4F6C}
    .ww, .xx, .yy, .zz {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .ww a:active, .ww a:visited, .xx a:active, .xx a:visited, .yy a:active, .yy a:visited, .zz a:active, .zz a:visited {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .ww a:hover, .xx a:hover, .yy a:hover, .zz a:hover {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .aa, .bb, .cc {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .xx a:link, .xx a:visited, .zz a:link, .zz a:visited {background-color: #F7F7F5; color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .web {font-family: tahoma; font-size: 11px; color: #D5C9F0}
    .web a:link, .web a:visited, .web a:active {font-family: tahoma; font-size: 11px; text-transform: uppercase; color: d5c9f0}
    .small {color: #FFF}
    .small a:link, .small a:visited, .small a:active {color: #FFF; font-weight: bold}
    .desc {color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .desc a:link, .desc a:visited, .desc a:active {color: #D7D7D7; font-family: trebuchet ms; font-size: 10px}
    .desc a:hover {color: #D5C9F0; text-transform: uppercase}
    .board .foot {height: 6px; padding: 0; background-image: none; background-color: #8CBA41; border-bottom: 0}
    .foot {display: none}

    /* STATISTICHE */
    .skin_tbl_border {background-color: #FFF; border: 1px solid #9DA1A6}
    .stats .title2 {width: 22px; background-image: url(http://i29.tinypic.com/2wch06o.jpg); background-color: #F7F7F5; background-repeat: repeat-x; font-family: verdana; font-weight: bold; text-transform: uppercase; color: #62A3F0}
    .sunbar {background-image: none; background-color: #F7F7F5; color: #D5C9F0; font-weight: normal; margin-top: 1px; padding: 7px; font-family: tahoma; font-size: 12px; font-variant: small-caps}
    .border .sunbar, .msg .sunbar {border-bottom: 1px solid #9CA4AE}
    .stats .ww {width: 0%; padding: 6px}
    .stats .aa {width: 100%}
    .stats .highlight {color: #3C3C3C}
    .highlight {color: #9DBD6C}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited, .highlight a:active {font-size: 9pt; text-align: center; border: none; color: #C5DAF4; font-weight: bold; text-decoration: none}
    .highlight a:hover {background-color: #F0F5FA; border: 1px solid #C2CFDF}

    /* DISCUSSIONE */
    .left_top, .right_top {background-color: #F7F7F5}
    .right_top * a:link, .right_top * a:visited, .right_top * a:active {text-decoration: none; color: #CFE5FF}
    .nick {font-size: 11px; font-weight: bold; color: #900; color: #CFE5FF}
    .nick a:link, .nick a:visited, .nick a:active {font-size: 12px; text-decoration: none; color: #CFE5FF}
    .left, .right {background-color: #F5F5F5}

    #quote {background-image: none; background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px solid #D5C9F0; border-left: 4px solid #D5C9F0; border-top: 0; margin: 0 auto 8px auto; padding: 4px; padding-top: 14px; font-size: 8pt; color: #D5C9F0}
    #code {background-image: none; background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px solid #CFE5FF; border-left: 4px solid #62A3F0; border-top: 0; margin: 0 auto 8px auto; padding: 4px; padding-top: 14px; font-size: 8pt; color: #62A3F0}

    hr {color: #9CA4AE}
    .fancyborder {background-color: #F7F7F7; border: #DDD 1px solid}
    .edit {font-size: 9px; color: #CFE5FF; font-style: italic}
    .bottomborder {border-bottom: #666 dashed 1px}
    .signature {color: #304459; font-size: 10px; line-height: 150%}
    .left_bottom, .right_bottom {background-color: #F7F7F5}
    .right_bottom table {background-color: #F7F7F5}
    .right_bottom * a:link, .right_bottom * a:visited, .right_bottom * a:active {background-color: #F7F7F5}
    .sep {height: 5px; background-image: url(http://i27.tinypic.com/25iyrmx.jpg)}
    #end .title {height: 26px; background-image:none; background-repeat: repeat-x; background-color: #F7F7F5; border-bottom: none; color: #D7D7D7; font-weight: normal; font-family: trebuchet ms; font-size: 11px; letter-spacing: 0}
    #end .title a:link, #end .title a:visited, #end .title a:active .title a:link, .title a:visited, .title a:active {color: #3A4F6C; text-decoration: none}
    #end .title a:hover {color: #3A4F6C}

    /* MESSENGER */
    .msg_main {background-color: #F5F5F5; line-height: 150%}
    .msg .darkbar {height: 26px; background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #DFE2E4; border-bottom: 1px solid #9CA4AE; color: #3A566C; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    .darkbar, .row2 {background-image: none; background-repeat: repeat-x; background-color: #FFF; border-bottom: 8px solid #DCEDF5; font-weight: normal; color: #D7D7D7; font-family: trebuchet ms}
    .row1 {background-color: #D7D7D7; color: #F9E9FB; font-family: trebuchet ms; font-size: 10px; font-weight: normal}
    .row3 {border: none; background-color: #F0EDEF}
    .row3 a:link, a:active, a:visited, a:hover {border: none}
    .title3 {background-color: #F9E9FB; border-bottom: none; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    #end .title3 {border: 0; border-top: 1px solid #9CA4AE}

    .msg .nick a:link, .msg .nick a:visited, .msg .nick a:active {text-decoration: none}
    .msg .details p {color: #9CA4AE; line-height: 150%}
    .color {font-family: trebuchet ms; font-size: 10px; line-height: 160%; color: #D7D7D7}
    .color a:link, .color a:visited, .color a:active {color: #62A3F0; text-decoration: none}
    .alert {background-color: #F4E7EA; border: 1px solid #986265; color: #986265; padding-left: 1px; padding-right: 1px}
    .info {background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #3C3C3C; padding-left: 1px; padding-right: 1px}
    .pagetitle, .pagetitle a:hover {font-weight: bold; font-size: 18px; color: #8DBDF2; line-height: 120%; letter-spacing: -1px}

    /* PROFILO UTENTI */
    .profile .row1 {background-color: #D7D7D7}
    .profile .row1 a:link, a:visited, a:hover, a:active {color: #F0EDEF}
    .profile .title2 {border-top: none; background-image: url(http://i31.tinypic.com/fm3lue.jpg); color: #F9E9FB; font-family: trebuchet ms}
    .title2 {width: 22px; background-image: none; background-color: #F7F7F5; background-repeat: repeat-x; font-family: verdana; font-weight: normal; text-transform: none; font-size: 11px; color: #CFE5FF}
    .title2 a:hover {color: #CFE5FF; text-decoration: none}
    .profile .bottomborder {border-bottom: 1px solid #FFF}
    .navsub, .navsub a:link, .navsub a:visited, .navsub a:active {color: #F0EDEF}
    .navsub a:hover {color: #F0EDEF}

    /* INPUT */
    .textinput {border: 1px solid #707070; background-color: #EBEBEB; font-size: 11px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .menu .textinput {background-color: #F2F2F2}
    .forminput {border: 1px solid #323232; background-image: url(http://img.forumfree.net/style_images/37/button.gif); background-repeat: repeat-x; background-color: #FEFEFE; color: #000; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .input {border: 1px solid #707070; background-color: #D1E0BA; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .codebuttons {border: 1px solid #3A587C; background-image: url(http://img.forumfree.net/style_images/37/button2.gif); background-repeat: repeat-x; background-color: #D1E0BA; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
  15. .
    Praticamente è un div con una proprietà che si chiama "overflow" e si scrive così:

    CODICE
    <div style="height: 100px; overflow: auto"> CONTENUTO DIV </div>


    Con questi parametri si avra un div alto 100 px fissi e una scroll bar nel caso il contenuto superi l'altezza definita.


    Per eliminare un topic devi cliccare sul quadratino che trovi a destra del topic stesso (nella tabella intitolata "Ultima azione") e da li vai nella finestra sopra la sezione (di solito contiene la scritta "Opzioni Moderazione Sezioni". Da lì cerchi la scritta "Cancella le discussioni selezionate" e clicchi su vai. Dopo dai l'ok ^^
346 replies since 1/4/2006
.