Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : simone79vi 13 Jul 2011, 00:27:38

: [Risolto] Impostare l'immagine background presente in #top uguale a #footer
: simone79vi 13 Jul 2011, 00:27:38

Ciao a tutti,
nel sito http://www.artinvestore.com/ (http://www.artinvestore.com/) vorrei fare in modo che la fascia rossa presente come background dei menu fosse di larghezza come il footer, quindi spazio bianco, rosso (menu), e bianco ancora.

Se metto a "no-repeat" la voce background di #top mi si sposta verso sinistra ma non so come centrarla tipo il footer.

Come dovrei fare?

grazie
ciao

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: simone79vi 13 Jul 2011, 14:37:20

Ciao,
qualcuno mi da una dritta a risolvere questa questione?

grazie
ciao

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: adottauncane 13 Jul 2011, 14:42:52

Ciao simone79vi,
devi fare l'immagine lunga come ti serve (adesso è troppo lunga)  e poi cambia il css così:

:

#top {    background-attachment: scroll;    background-clip: border-box;    background-color: transparent;    background-image: url("../images/topmenu_bg.png");    background-origin: padding-box;    background-position: center top;    background-repeat: no-repeat;    background-size: auto auto;    float: left;    height: 70px;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    margin-top: 80px !important;    padding-bottom: 0;    padding-left: 0;    padding-right: 0;    padding-top: 0;    width: 100%;}tdefaut.css (riga 112)

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: simone79vi 13 Jul 2011, 15:04:50

Grazie mille..
ora devo solo capire come allineare la riga presente nel #footer a quella presente nel #top

ciao

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: adottauncane 13 Jul 2011, 15:16:32

C'è nel css che ti ho messo... provalo  ;)

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: simone79vi 13 Jul 2011, 17:39:38

Infatti io ho copiato le istruzioni che mi hai mandato..
ma non sono allineati se non sbaglio...

grazie
ciao

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: adottauncane 13 Jul 2011, 18:03:34

Sì, sono leggermente diversi..

Puoi fare il footer come il top:

:

#footer {    background-attachment: scroll;    background-clip: border-box;    background-color: transparent;    background-image: url("../images/footer.png");    background-origin: padding-box;    background-position: center top;    background-repeat: no-repeat;    background-size: auto auto;    float: left;    height: 60px;    width: 100% !important;}tdefaut.css (riga 673)

o viceversa.

: Re:Impostare l'immagine background presente in #top uguale a quella in #footer
: simone79vi 13 Jul 2011, 18:18:02

a dirla tutta io vorrei farle larghe quanto la sezione le immagini che passano nello slideshow.. 830px
cosi sarebbe tutto allieneato sia a dx che a sx

si può?

: Re:[Risolto] Impostare l'immagine background presente in #top uguale a #footer
: adottauncane 13 Jul 2011, 23:05:51

Sì. Fai semplicemnete le due immagini 860px come le foto della slide. E correggi il css del footer come postato prima.