Skinning for Dummies [lezione 7]

Il Container

« Older   Newer »
 
  Share  
.
  1. Shalentir
        +1   -1
     
    .

    User deleted


    beh, credo ti basti mettere un altro div all'esterno di quello con un pixel di bordo nero. Quindi:
    CODICE
    <div style="border: 1px solid #000"><div style="width:XX%;background-color:#HEX; border:XXpx solid #HEX" align="center"></div>
     
    Top
    .
  2. *Sereh*
        +1   -1
     
    .

    User deleted


    Sì, ma se aggiungo questo codice, mi restringe tutto °-° Cioè, devo metterlo prima del codice del container, no?

    EDIT: Risolto in altro modo. Grazie =]

    Edited by *Sereh* - 28/1/2011, 17:50
     
    Top
    .
  3.     +1   -1
     
    .
    Avatar



    Group
    Member
    Posts
    6,795
    Likes
    0
    Location
    Torino

    Status
    Offline
    Scusate ma se volessi inserire un container come quello presente in questa skin, che non arriva fino in cima alla pagina, quale dei tutorial devo seguire? E come devo modificare il codice per farlo "fermare" un po' prima dell'inizio della pagina? Grazie :D
     
    Top
    .
  4. .|Ye|.
        +1   -1
     
    .

    User deleted


    ~•†ElenaSalvatore93†•~

    Puoi farlo con qualunque tipo di container, per esempio con il Container o Wrapper quando metti in HTML in cima al sito:

    HTML
    <div id="wrapper">
    <div id="wrapper_left">
    <div id="wrapper_right">


    puoi invece agire così:

    HTML
    <br><br><br><br>
    <div id="wrapper">
    <div id="wrapper_left">
    <div id="wrapper_right">


    i tag br servono per creare spazio sopra, puoi metterne e toglierne quanti ne vuoi :) oppure metti margine

    HTML
    <div id="wrapper" style="margin-top: 50px">
    <div id="wrapper_left">
    <div id="wrapper_right">


    50 pixel di margine dall'alto.

    Inoltre se per esempio aggiungi un'immagine sopra i tre div essa non sarà compresa nel container (vale lo stesso per qualunque altro elemento!)
     
    Top
    .
  5.     +1   -1
     
    .
    Avatar



    Group
    Member
    Posts
    6,795
    Likes
    0
    Location
    Torino

    Status
    Offline
    @.|Ye|. Grazie, proverò appena avrò un attimo di tempo :D (nel weekend XD)
     
    Top
    .
  6.     +1   -1
     
    .
    Avatar

    Member

    Group
    Member
    Posts
    516
    Likes
    0

    Status
    Anonymous
    Ciao(:
    ho un prolema con container wrapper..vorrei che le parti al i bordi stessero vicine ai bordi delle sezioni del forum e che la parte in mezzo non esca fuori, ma non so perchè, quando modifico le dimensioni del wrapper, non cambia nulla..

    CODICE
    http://provapaesemeraviglie.forumfree.it/


    CODICE
    /* WRAPPER */
    #wrapper {background: url(http://i.imgur.com/PmIda.jpg); margin-left: auto; margin-right: auto; width: 60%}
    #wrapper_left {background: url(http://i.imgur.com/Qx3ll.png) left repeat-y}
    #wrapper_right {background: url(http://i.imgur.com/jzLZv.png) right repeat-y}


    Edited by •Milla.La Cappellaia Matta - 28/11/2012, 17:11
     
    Top
    .
  7. Shalentir
        +1   -1
     
    .

    User deleted


    Devi modificare anche le dimensioni delle cose dentro il container, ovvero .header_width, .skin_tbl e .skin_tbl_width, li trovi tutti insieme e già hanno una larghezza in percentuale. Devi solo aumentare la larghezza fino al punto che vuoi =)
     
    Top
    .
  8.     +1   -1
     
    .
    Avatar

    Member

    Group
    Member
    Posts
    516
    Likes
    0

    Status
    Anonymous
    CITAZIONE (Shalentir @ 28/11/2012, 17:31) 
    Devi modificare anche le dimensioni delle cose dentro il container, ovvero .header_width, .skin_tbl e .skin_tbl_width, li trovi tutti insieme e già hanno una larghezza in percentuale. Devi solo aumentare la larghezza fino al punto che vuoi =)

    funziona grazie!! però come faccio a togliere il pezzetto di container che esce fuori dalle barre laterali???
     
    Top
    .
  9. Shalentir
        +1   -1
     
    .

    User deleted


    Non ti assicuro che funzioni, ma se non ricordo male una volta ho risolto il problema in questo modo:
    Il codice HTML con cui hai impostato il container è
    CODICE
    <div id="wrapper"><div id="wrapper_left"><div id="wrapper_right">

    Dovresti invece provare a mettere:
    CODICE
    <div id="wrapper_left"><div id="wrapper_right"><div id="wrapper">

    La larghezza che prima avevi messo in percentuale a "wrapper" adesso mettila a "wrapper_left", mentre dovrai mettere una larghezza leggermente minore a "wrapper". Per esempio, 50% e 48%, o comunque il valore di "wrapper" deve essere tale da far restringere la parte del suo sfondo dentro alle colonne =)
     
    Top
    .
38 replies since 17/6/2009, 14:09   5265 views
  Share  
.