Skinning for Dummies [lezione 2]

Sezioni Forum e Barra utente

« Older   Newer »
 
  Share  
.
  1. Luke Estasi
        +1   -1
     
    .

    User deleted


    grazie perchè avevo messo display none e non riuscivo più a fare niente :D
     
    Top
    .
  2. Dr.Lecter™
        +1   -1
     
    .

    User deleted


    Posso chiedere un favore qua riguardo la barra del menù in cima?
    Purtroppo si visualizza bene nel mio pc, ma negli altri con risoluzione diversa viene tagliato a destra.
    Volevo mettere la barra uguale al vostro forum, col menù a sinistra.
    SAolo che il menù a sinistra viene tagliato dopo un po', e la barra non si rimpicciolisce a seconda delle diverse risoluzioni....
    Comne posso fare? (ovviamente metterò nei credits il vostro forum per la barra.)
    Grazie
     
    Top
    .
  3. Shalentir
        +1   -1
     
    .

    User deleted


    Devi mettere queste cose a .menu:
    CODICE
    {width: 100%; text-align: right; position: fixed; top: 0; backgroun: url(LINKIMMAGINE) repeat-x}

    E poi spostare il div o il frame del menu in cima al forum.
     
    Top
    .
  4. Dr.Lecter™
        +1   -1
     
    .

    User deleted


    Ci sono altri problemini, aspettate vi faccio uno stamp:

    SPOILER (click to view)
    image


    PS. Inutile dire che con explorer è tutto spostato..
     
    Top
    .
  5. Dr.Lecter™
        +1   -1
     
    .

    User deleted


    Ho cambiato tutto, può essere più semplice risolvere il problema che ho ora?
    Sarebbe uno spazio che divide la tabella invisibile che ho creato per mettere tutti gli oggetti, dal logo soprastante ( http://skin2divas.forumfree.net )


    Ho mantenuto anche il codice che avevo prima, salvato da parte...
    In caso fosse più semplice risolvere gli errori di prima rimetto quello che c'era.
     
    Top
    .
  6. Dr.Lecter™
        +1   -1
     
    .

    User deleted


    Per piacere qualcuno può aiutarmi? è davvero urgente, ora ho usato il comando div per sistemare la faccenda dello spazion, ma per le diverse risoluzioni si sposta in altezza. mi dite come bloccarlo?
    vi ringrazio
     
    Top
    .
  7. Shalentir
        +1   -1
     
    .

    User deleted


    apri una discussione in support.
     
    Top
    .
  8. Dr.Lecter™
        +1   -1
     
    .

    User deleted


    Fatto grazie!
    Spero che puoi aiutarmi.
     
    Top
    .
  9. chappyna
        +1   -1
     
    .

    User deleted


    Salve qualcuno può aiutarmi? è la prima volta che mi cimento nel cambiare skin....l'ho inventata io però ho un problema non riesco a cambiare un colore bianco in una serie di righe come faccio?

    ecco il sito http://ilregnodeicristalli.forumfree.it/

    qui ho segnato cosa vorrei cambiare
    SPOILER (click to view)


    grazie infinite!
     
    Top
    .
  10.     +1   -1
     
    .
    Avatar


    Group
    Addict
    Posts
    5,120
    Likes
    0
    Location
    Vicenza

    Status
    Anonymous
    CITAZIONE (chappyna @ 1/10/2010, 17:10)
    Salve qualcuno può aiutarmi? è la prima volta che mi cimento nel cambiare skin....l'ho inventata io però ho un problema non riesco a cambiare un colore bianco in una serie di righe come faccio?

    ecco il sito http://ilregnodeicristalli.forumfree.it/

    qui ho segnato cosa vorrei cambiare

    grazie infinite!

    teoricamente dovresti modificare questo:
    CODICE
    .title {height: 18px; font-weight: bold; background-color: #FF0000}

     
    Top
    .
  11. chappyna
        +1   -1
     
    .

    User deleted


    ci ho provato ma non funziona per quale assurdo motivo? forse va in conflitto con qualcosa? ti posto il codice

    SPOILER (click to view)
    body {background-color: #00FF00; font-family: verdana; font-size: 10pt; color: #AB6AA4}
    table, div {font-size: 7.5pt; color: #FFE4C4}
    a:link, a:visited {text-decoration: none; color: #FD8505}
    a:hover {color: #D997BB; border-bottom: 2px solid #943589}

    /* SCRITTE ESTERNE */
    .nav {font-weight: bold; font-size: 9pt}
    .nav a:hover, .navsub a:hover {color: #D997BB}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #77286F; font-weight: bold}
    .moderatore {color: #12753B; font-weight: bold}
    .utente {coor: #75B860; font-weight: bold}
    .daconvalidare {color: #949494}
    .gruppo1 {color: #75B860; font-weight: bold}
    .gruppo2 {color: #AB6AA4; font-weight: bold}
    .gruppo3 {color: #6F81B9; font-weight: bold}
    .gruppo4 {color: #D47EAC; font-weight: bold}


    /* BARRA DI SCORRIMENTO COLORATA */
    body {scrollbar-face-color: #EDECEC;
    scrollbar-highlight-color: #943589;
    scrollbar-3dlight-color: #AB6AA4;
    scrollbar-darkshadow-color: #12753B;
    scrollbar-shadow-color: #21A249;
    scrollbar-arrow-color: #949494;
    scrollbar-track-color: #EDECEC}

    /* BARRA ATTORNO AL FORUM */
    .mback {height: 63px}
    .mtitle {text-align: center; letter-spacing: 1px; word-spacing: 2px; padding-top: 27px; font-weight: bold; font-size: 11pt}
    .mback_left {width: 150px; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/riq_01.png); background-position: right bottom; background-repeat: no-repeat}
    .mback_center {background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/riq_02.png); background-position: bottom; background-repeat: repeat-x}
    .mback_right {width: 150px; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/riq_03.png); background-position: left bottom; background-repeat: no-repeat}
    .msub {height: 16px}
    .msub_left {width: 148px; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/riq_07.png); background-position: right top; background-repeat: no-repeat}
    .msub_center {background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/riq_08.png); background-position: top; background-repeat: repeat-x}
    .msub_right {width: 148px; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...kin/riqo_09.png); background-position: left top; background-repeat: no-repeat}
    .mright_top, .mleft_top, .mright, .sep_right, .mleft, .sep_left {width: 0}

    .header {background-color: none; border: 1px solid #0DFF13}
    .menu {background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/barra1.png); background-repeat: repeat-x}

    /* SEZIONI FORUM */
    .title {height: 18px; font-weight: bold; background-color: #FF0000}
    .mainbg {background-color: #AB4206; background-position: center bottom}
    .ww, .xx, .yy, .zz {background-color: #532703}
    .aa, .bb, .cc {background-color: #532703}
    .board .web {font-size: 10.5pt; line-height: 150%}
    .forum .web {font-size: 10pt; line-height: 150%}
    .desc {font-size: 10px; color: #FFC000}
    .foot {height: 32px; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/barra1.png); background-repeat: repeat-x; background-posistion: bottom; background-color: #AB4206; font-weight: bold}

    /* STATISTICHE */
    .stats .border {border: 1px solid #AB4206}
    .skin_tbl_border {background-color: #AB4206}
    .stats .title2 {background-color: #532703; background-image: url(https://i774.photobucket.com/albums/yy22/Fa...skin/barra1.png); background-repeat: repeat-x; border: 0}
    .sunbar {background-color: #DA7C00}
    .highlight {color: #0000FF}

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {background-color: #FC5F05}
    .right_top * a:link, .right_top * a:visited, .right_bottom * a:link, .right_bottom * a:visited {font-weight: bold}
    .nick {font-weight: bold; background-image: url(https://skin.forumfree.net/784/nick.jpg); border: 1px solid #75B860; font-size: 11px; color: #6F81B9; padding-bottom: 2px}
    .left, .right {background-color: #532703; font-family: century gothic}
    #quote {font-family: georgia; font-size: 12px; font-weight: italic; color: #75B860; background-color: #F0F1F0; border: 7px solid #C5DABE; padding: 2px}
    #code {font-family: arial; font-size: 12px; color: #AB6AA4; background-color: #00FF00; border-bottom: 1px dotted#943589; border-left: 1px dotted#943589; padding: 2px}
    .color {font-size: 9.5pt; line-height: 150%}
    .color a:link, .color a:visited {text-decoration: underline}
    hr {color: #AB6AA4}
    .fancyborder {border: 1px solid #AB6AA4}
    .edit {font-size: 9px; color: #D7D7D7}
    .bottomborder {border-bottom: 1px dashed #999}
    .signature {font-size: 7.5pt; color: #77286F; line-height: 150%}
    .color b {color: #6F81B9}
    .color i {color: #943589}
    .bar_right {background-color: #F0F1F0; background-image: url(https://skin.forumfree.net/784/sond_right.jpg); height: 14px; width: 14px; repeat: no}
    .bar {background-color: #F0F1F0; background-image: url(https://skin.forumfree.net/784/sond_center.jpg); height: 14px; repeat: y}
    .bar_left {background-color: #FF0000; background-image: url(https://skin.forumfree.net/784/sond_left.jpg); height: 14px; width: 14px; repeat: no}

    /* MESSENGER */
    .msg_main {background-color: #F0F1F0}
    .row1 {background-color: #F0F1F0}
    .row2 {height: 24px; background-color: #F0F1F0}
    .row3 {background-color: #F0F1F0; border: 1px solid #AB6AA4}
    .darkbar {background-color: #F0F1F0; background-image: url(https://skin.forumfree.net/784/tilesub.gif); font-weight: bold; border: 1px solid #77286F}
    .title3 {background-color: #F0F1F0; font-weight: bold}
    .msg .details p {color: #000; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 7.5pt}
    .info {color: #75B860}
    .alert {color: #12753B}

    /* PROFILO UTENTI */
    .pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
    .title2 {height: 24px; background-color: #F0F1F0; background-image: url(https://skin.forumfree.net/784/tilesub.gif); font-weight: bold; border: 1px solid #21A249}
    .title2 a:link, .title2 a:visited {font-weight: bold}
    .profile .row1 {background-color: #F0F1F0}

    /* INPUT */
    .textinput {background-color: #F0F1F0; color: #AB6AA4; border: 1px solid #943589; border-bottom: 1px solid #943589; border-right: 1px solid #943589; font-size: 8.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .forminput {font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #12753B; background-color: #F0F1F0; border: 1px solid #12753B; border-bottom: 1px solid #12753B; border-right: 1px solid #12753B}
    .input, .codebuttons {font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #12753B; background-color: #F0F1F0; border: 1px solid #12753B}


    non so più che pensare...io sono partita dalla skin freedom color...forse è quello il problema?
     
    Top
    .
  12.     +1   -1
     
    .
    Avatar


    Group
    Addict
    Posts
    5,120
    Likes
    0
    Location
    Vicenza

    Status
    Anonymous
    Aggiungi:
    CODICE
    .title {height: 18px; font-weight: bold; background-color: #FF0000; background-image: url()}


     
    Top
    .
  13. chappyna
        +1   -1
     
    .

    User deleted


    sei un grande! grazie infinite! con l'immagine funziona. Ma perchè succede questo? nel senso perchè se c'è l'immagine funge altrimenti no?
     
    Top
    .
  14. ¬Tsuna.kun}_™
        +1   -1
     
    .

    User deleted


    ciao ^^

    prima di tutto ci tengo a fare i complimenti per queste guide che fornite, posso solo dirvi grazie grazie!

    Veniamo al mio dilemma =P

    fin'ora la creazione della skin procede bene, intoppi si ma un pajo di rilette e ho sistemato u.u
    però vorrei fare una cosa particolare che ricordo di aver visto in un forum moooolto tempo fa O.O

    si tratta di far si che le sotto-sezioni sono messe a mo di elenco
    credevo che la soluzione fosse ovvia °° metto un
    CODICE
    <br>
    nella sotto-sezione successiva alla prima immessa e dovrebbe andare a capo. la cosa funziona!

    ma nn come vorrei :drop:

    io vorrei venisse una cosa del tipo: (è una cosa mooooooooooolto approsimativa xD fatta con paint tanto per rendere l'idea)

    SPOILER (click to view)
    image


    In poche parole è questo che vorrei venisse fuori e in parte (molto in parte) credevo di riuscirci con l'ausilio di
    CODICE
    <br>
    e basta ._.

    venendo al dunque, dove e come modificare per aver questo tipo di impostazione e levare la scritta "sottosezioni:"??

    per ogni dubbio linko il forum che ho creato con le vostre guide (è da finire nel dettaglio ma sn a buon punto u.u)



    grazie in anticipo per la disponibilita :ciao:

    P.s. un'ultima domanda che mi è venuto in mente ora ora, sto utilizzando un codice come potete vedere nel forum linkato, che fa si che riesca a mettere un divisorio tra le sezioni con una finta sezione... non ho ben capito come funzionasse perciò mi sono arrangiato e per fare in modo che venga fuori un titoletto nel divisorio devo scrivere nella desc dela finta sezione in questione

    il problema sta nel titolo io ho ridotto al minimo mettento un punitno e basta ma vorrei che nn ci fosse proprio nnt che non lo visualizzasse insomma >.<

    cm faccio??
     
    Top
    .
  15. Shalentir
        +1   -1
     
    .

    User deleted


    per le sottosezioni, prova a mettere un br dopo la fine della descrizione, in modo che venga mandata a capo anche la prima sezione. Non sono sicuro che funzioni xD
    Per l'altro problema devi mettere:
    CODICE
    #fidsezione .web {font-size: 0}
     
    Top
    .
187 replies since 17/6/2009, 14:18   15504 views
  Share  
.