.

Lezione 4

Sezioni e interno sezioni

« Older   Newer »
 
  Share  
.
  1. key´
    view post Posted on 14/4/2012, 10:25
        +1   -1
     
    .

    User deleted
    uh grazie mille! (:
     
    Top
    .
  2. Alæjandro
    view post Posted on 14/4/2012, 15:11
        +1   -1
     
    .
    Avatar

    King with no crown

    Group
    Member
    Posts
    5,472
    Likes
    0
    Location
    Unknown

    Status
    Anonymous
    Posso chiedere una cosa? Sono un nabbo, me ne rendo conto xD ma non trovo gli spazi per gli url degli mback left, right e central..
    Nel codice della skin di base c'è questo:
    CODICE
    .mback {background-color: #DDD; border-bottom: 1px dashed #BBB; border-radius: 5px 5px 0 0}
    .mback_left, .mback_right {width: 5%}

    dove devo andare ad aggiungere l'url?
    Contacts ContactsWeb Web
     
    Top
    .
  3. key´
    view post Posted on 14/4/2012, 15:44
        +1   -1
     
    .

    User deleted
    devi aggiungerli tu
    CODICE
    .mback {background-image: url(); background-color: #DDD; border-bottom: 1px dashed #BBB; border-radius: 5px 5px 0 0}
    .mback_left {background-image: url()}
    .mback_right {background-image: url()}
     
    Top
    .
  4. Alæjandro
    view post Posted on 14/4/2012, 16:03
        +1   -1
     
    .
    Avatar

    King with no crown

    Group
    Member
    Posts
    5,472
    Likes
    0
    Location
    Unknown

    Status
    Anonymous
    aggiunti, grazie :3
    però c'è un problema xD
    http://firstskin.skin.forumcommunity.net/
    poi un'altra cosa vorrei chiedere.. Cliccando sul link potete vedere anche le sezioni, io vorrei che quando ci passi col mouse diventassero rosa, ma poco rosa, quasi trasparente.. Allora ho provato a modificare questi campi:
    CODICE
    .big_list > *:hover {background: #FAC9FE; opacity: 0.2}
    .big_list > *:nth-child(even):hover {background: #FAC9FE; opacity: 0.2}

    aggiungendo la voce "opacity: 0.2", appunto. Il risultato è quello che vedete,
    1) si vede ancora troppo il rosa.. lo vorrei trasparente quasi..
    2) mi ha abbassato l'opacità anche del nome della sezione e di tutto, mentre io vorrei che la abbassasse solo proprio allo sfondo..

    Edited by Alæjandro - 15/4/2012, 11:59
    Contacts ContactsWeb Web
     
    Top
    .
  5. Alæjandro
    view post Posted on 16/4/2012, 16:23
        +1   -1
     
    .
    Avatar

    King with no crown

    Group
    Member
    Posts
    5,472
    Likes
    0
    Location
    Unknown

    Status
    Anonymous
    risolto, grazie lo stesso ^^ chiederò più avanti se avrò ancora bisogno ^^
    Contacts ContactsWeb Web
     
    Top
    .
  6. Alæjandro
    view post Posted on 12/6/2012, 20:31
        +1   -1
     
    .
    Avatar

    King with no crown

    Group
    Member
    Posts
    5,472
    Likes
    0
    Location
    Unknown

    Status
    Anonymous
    ragazzi sono di nuovo io a rompere xD Volevo modificare il .title, sotto la barra, solo che non trovo la parte /*SEZIONI*/ D:
    Sotto /*HOMEPAGE*/ ho trovato questo
    CODICE
    .board .skin_tbl {margin: 0}
    .skin_tbl {border-bottom: 3px solid #99ACC8; background-image: transparent}


    .mback_left {width: 293px; background-image: url(http://www.cantilux.net/files6/2217577368.png); background-repeat: no-repeat; background-position: bottom}

    .mback_center {background-image: url(http://www.cantilux.net/files6/1515600227.png); background-repeat: repeat-x; background-position: bottom}

    .mback_right {width: 129px; background-image: url(http://www.cantilux.net/files6/2065223405.png); background-repeat: no-repeat; background-position: bottom}

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

    .minus, .plus {background-color: #BBB; border: 1px solid #AAA; width: 9px; height: 9px}
    .plus {background-image: url('http://img.forumfree.net/html/sys-img/plus_b.gif')}
    .minus {background-image: url('http://img.forumfree.net/html/sys-img/minus_b.gif')}

    .mtitle {text-align: center; padding: 5px; font: 19px georgia, verdana, arial; font-weight: normal; color: #555; text-shadow: -1px -1px 0 #EEE}
    .title, .darkbar {background-url(http://www.cantilux.net/files7/1891213726.png) !important; background-repeat: repeat-x; font-weight: bold; font-size: 10px}

    e ho modificato il background di prima (colore di sfondo) con un'immagine che si deve ripetere orizzontalmente.. Questa parte
    CODICE
    background-url(http://www.cantilux.net/files7/1891213726.png) !important; background-repeat: repeat-x

    Solo che guardate il risultato D:
    Sapreste aiutarmi?
    Contacts ContactsWeb Web
     
    Top
    .
  7. .Shiba
    view post Posted on 26/6/2012, 12:55
        +1   -1
     
    .

    User deleted
    Salve ho un problema con .aa .bb .xx .yy .zz ( parte evidenziata in fucsia nel primo scan per intenderci) vorrei staccare le sezioni da .mback dando ad esse un border-radius superiore, io applico questi codici:

    CODICE
    .board .on .zz a, .forum .on .zz a {font: 15px 'calibri'; color: #2F3959; font-weight: bold; border-radius: 6px 6px 0 0; padding-top: 10px}


    Ma non accade niente, cosa devo modificare ?
     
    Top
    .
  8. ~Acid
    view post Posted on 27/6/2012, 09:49
        +1   -1
     
    .

    User deleted
    CITAZIONE (Alæjandro @ 12/6/2012, 21:31) 
    ragazzi sono di nuovo io a rompere xD Volevo modificare il .title, sotto la barra, solo che non trovo la parte /*SEZIONI*/ D:
    Sotto /*HOMEPAGE*/ ho trovato questo
    CODICE
    .board .skin_tbl {margin: 0}
    .skin_tbl {border-bottom: 3px solid #99ACC8; background-image: transparent}


    .mback_left {width: 293px; background-image: url(http://www.cantilux.net/files6/2217577368.png); background-repeat: no-repeat; background-position: bottom}

    .mback_center {background-image: url(http://www.cantilux.net/files6/1515600227.png); background-repeat: repeat-x; background-position: bottom}

    .mback_right {width: 129px; background-image: url(http://www.cantilux.net/files6/2065223405.png); background-repeat: no-repeat; background-position: bottom}

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

    .minus, .plus {background-color: #BBB; border: 1px solid #AAA; width: 9px; height: 9px}
    .plus {background-image: url('http://img.forumfree.net/html/sys-img/plus_b.gif')}
    .minus {background-image: url('http://img.forumfree.net/html/sys-img/minus_b.gif')}

    .mtitle {text-align: center; padding: 5px; font: 19px georgia, verdana, arial; font-weight: normal; color: #555; text-shadow: -1px -1px 0 #EEE}
    .title, .darkbar {background-url(http://www.cantilux.net/files7/1891213726.png) !important; background-repeat: repeat-x; font-weight: bold; font-size: 10px}

    e ho modificato il background di prima (colore di sfondo) con un'immagine che si deve ripetere orizzontalmente.. Questa parte
    CODICE
    background-url(http://www.cantilux.net/files7/1891213726.png) !important; background-repeat: repeat-x

    Solo che guardate il risultato D:
    Sapreste aiutarmi?

    la sintassi è sbagliata, prova con
    CODICE
    background-image:url("http://www.cantilux.net/files7/1891213726.png"); background-repeat: repeat-x;
     
    Top
    .
  9. `Elena`
    view post Posted on 27/6/2012, 10:12
        +1   -1
     
    .

    User deleted
    io non ci riesco il meglio che sto facendo e questo: http://thefloweryellow.blogfree.net/
    non so da dove sbaglio...cioe come far combaciare il tutto.non capisco da quale codice iniziare per modificare le statistiche mi perdo in un bicchiere di acqua nel vecchio layout bene o male qualcosa la capivo e riuscivo vorrei provare in questo ma ci vuole qualcuno che mi guidi passo passo perchè non ci capisco niente...e io vorrei imparare :(
     
    Top
    .
  10. Shalentir
    view post Posted on 29/6/2012, 14:41
        +1   -1
     
    .

    User deleted
    Non ho ben capito qual è il tuo problema, Elena ^^"
     
    Top
    .
  11. `Elena`
    view post Posted on 30/6/2012, 17:19
        +1   -1
     
    .

    User deleted
    Non so che codice utilizzare per una barra a cornice nel nuovo layout oppure il container ho cambiare la barra utente...nn ci riesco...avevo postato in collaborazione se qualcuno poteva aiutarmi:(potete guidarmi
     
    Top
    .
  12. yuin_yu
    view post Posted on 31/8/2012, 12:00
        +1   -1
     
    .
    Avatar

    www.facebook.com/yuinyu01/

    Group
    Addict
    Posts
    54,711
    Likes
    0
    Location
    Lolland

    Status
    Anonymous
    scusate,ho un problema. La barra mi viene così. Come mai? ho impostato sia l'altezza che la larghezza!
     
    Top
    .
  13. [MAS]VirgilDevil
    view post Posted on 31/8/2012, 12:21
        +1   -1
     
    .

    User deleted
    CITAZIONE (yuin_yu @ 31/8/2012, 13:00) 
    scusate,ho un problema. La barra mi viene così. Come mai? ho impostato sia l'altezza che la larghezza!

    Semplice. Non hai sezionato la BARRA. La devi dividere in 3 parti, per ricavarti .mback_left, .mback_right e .mback_center. Però il problema della tua barra sono la compessità dei disegni che ci sono in centro. In tutte le lezioni dicono di non fare disegni nella parte centrale della barra.
     
    Top
    .
  14. yuin_yu
    view post Posted on 31/8/2012, 12:42
        +1   -1
     
    .
    Avatar

    www.facebook.com/yuinyu01/

    Group
    Addict
    Posts
    54,711
    Likes
    0
    Location
    Lolland

    Status
    Anonymous
    ah ho capito,però una mia amica ha detto che lei ha impostato direttamente tutta la barra senza dividerla. è per questo che l'ho impostata tutta intera :/
     
    Top
    .
  15. yuin_yu
    view post Posted on 2/9/2012, 23:51
        +1   -1
     
    .
    Avatar

    www.facebook.com/yuinyu01/

    Group
    Addict
    Posts
    54,711
    Likes
    0
    Location
    Lolland

    Status
    Anonymous
    c'è qualcosa che non va :/

    http://blablaskin.blogfree.net/

    vi metto il codice:

    CODICE
    .mback {height: 40px; background-image: none}
    .mback {background-image: url(http://img525.imageshack.us/img525/2141/barrastellacentro.png); background-color: #; border-bottom: 1px dashed #; border-radius: 5px 5px 0 0}
    .mback_left {background-image: url(http://img543.imageshack.us/img543/3224/barrastelle.png); width: 300px; height: 40px}
    .mback_right {background-image: url(http://img823.imageshack.us/img823/1898/barrastelledestra.png); width: 301px; height: 40px}
    .mback_left} .mback_right {width: 0%}
    /* nei topic sfrutto interamente la larghezza di mback eliminando mback_left e mback_right */
    .topic .mback_left, .topic .mback_right {display: none}





    Edited by yuin_yu - 3/9/2012, 12:48
     
    Top
    .
48 replies since 14/6/2011, 16:48   4896 views
  Share  
.
 
.
Skinning - New Layout
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree