Skinning for Dummies [lezione 1]

La Barra attorno al Forum

« Older   Newer »
 
  Share  
.
  1. dirty`
        +1   -1
     
    .

    User deleted


    grazie, ora guardo se funziona (:

    adesso va meglio xd
    ma perchè la barra sotto non mi si visualizza completa?
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar


    Group
    Old Glories
    Posts
    4,252
    Likes
    0

    Status
    Anonymous
    Al posto del .msub attuale inserisci questo:

    CODICE
    .msub {height: 28px; background-image: url(http://i29.tinypic.com/j94gsx.jpg); background-repeat: repeat-x}


    Scusa avevo fatto un pò di casino =)
     
    Top
    .
  3. dirty`
        +1   -1
     
    .

    User deleted


    niente, anzi, grazie infinite (:
     
    Top
    .
  4. matola
        +1   -1
     
    .

    User deleted


    scusate ma di quant'è disolito la misure del .mbemak?
     
    Top
    .
  5.     +1   -1
     
    .
    Avatar

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

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    non hanno misure particolari, infatti si tagliano e poi si mette le dimensioni dei vari pezzi nel codice. La parte centrale .mback si ripete per tutta la larghezza quindi o 1px o 100px è lo stesso =)
     
    Top
    .
  6. matola
        +1   -1
     
    .

    User deleted


    ok grazie mille

    perchè mi esce così??

    http://provadelforumcon.forumcommunity.net/
     
    Top
    .
  7.     +1   -1
     
    .
    Avatar

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

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    l'immagine va tagliata ^^ devi dividerla in tre pezzi, uno a sinistra con la prima ragazza, uno a destra con la seconda e uno centrale che si ripete. Il problema sono le luci presenti nel mezzo ti consiglio di levarle perchè si ripeterebbe male. Poi devi mettere l'altezza all'mback esatta che è 80px
     
    Top
    .
  8. matola
        +1   -1
     
    .

    User deleted


    ok^^ ho creato il primo pezzetto e poi come metto gli altri?

    http://provadelforumcon.forumcommunity.net/
     
    Top
    .
  9.     +1   -1
     
    .
    Avatar

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

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    come hai messo il primo =)

    CODICE
    .mback {height: XXpx; background-image: none}
    .mback_left {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom}
    .mback_center {background-image: url(URL); background-repeat: repeat-x; background-position: bottom}
    .mback_right {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom}


    in .mback_center metti quello centrale in .mback_right quello a destra. ricordati di modificare l'altezza dei pezzi facendole combaciare con quelle dei tre pezzi. Se il primo è alto 80 metti height:80px, se il pezzo centrale è alto 30 metti 30px ecc. per mettere l'altezza ai pezzi laterali aggiungi height:XXpx con l'altezza dei pezzi nel codice ad esempio:

    CODICE
    .mback {height: XXpx; background-image: none}
    .mback_left {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom; height: XXpx;}
    .mback_center {background-image: url(URL); background-repeat: repeat-x; background-position: bottom}
    .mback_right {width: XXpx; background-image: url(URL); background-repeat: no-repeat; background-position: bottom}


    questo se le tre altezze sono diverse =)
     
    Top
    .
  10. matola
        +1   -1
     
    .

    User deleted


    ma perchè non mi si vede l'ultimo pezzo ?
     
    Top
    .
  11.     +1   -1
     
    .
    Avatar

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

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    perchè i meno tappano:

    CODICE
    .plus {background: url(http://img.forumfree.net/style_images/31/plus.gif); background-repeat:no-repeat}
    .minus {background: url(http://img.forumfree.net/style_images/37/minus.gif);background-repeat:no-repeat}


    metti questo al posto di quello che hai, ho aggiunto la proprietà background-repeat:no-repeat per fare in modo che non si ripetano. Altrimenti cancelli tutti i selettori plus e minus per levarli del tutto se non ti piacciono =)
     
    Top
    .
  12. matola
        +1   -1
     
    .

    User deleted


    ci sono riuscita^^grazie infiniteee
     
    Top
    .
  13.     +1   -1
     
    .
    Avatar

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

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    di niente, se hai altri problemi apriti pure una discussione in support =D
     
    Top
    .
  14. †..Ja¢k The Ripper..†
        +1   -1
     
    .

    User deleted


    a me e venuto cosi mi potresti spiegare dove ho sbagliato?
    Klikka qui
     
    Top
    .
  15. ~LunaCrescente
        +1   -1
     
    .

    User deleted


    Nell'.mback_center e nell'.msub_center non devi scrivere le misure e hai sbagliato a scrivere l'altezza di .msub e .mback
     
    Top
    .
360 replies since 17/6/2009, 14:19   25433 views
  Share  
.