Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : baguvix 21 Sep 2011, 19:11:17
-
Ciao,
sto facendo un template per joomla 1.6, con layout a 2 colonne.
Alla sinistra del blocco contenuti (con tre articoli in colonna nella home, per fare un esempio) vorrei mettere un'immagine, un po' come i banner di questa pagine, fuori dal corpo principale. (dunque, chi sta visualizzando il sito su una finestra "stretta", non la deve vedere neanche).
Ho provato con una posizione relative, però così facendo mi si sposta il footer alla fine dell'immagine, mentre preferirei che continuasse a rimanere subito dopo i contenuti.
Come posso fare?
Questo è uno schema:
imm.
****|*****************|*******
* |* contenuti | col.
* |* |*******
* |*****************
* |*footer *
-
Devi usare la posizione absolute...
Questo il codice del banner mobile qui a destra:
element.style { left: 985px; margin-right: -18px !important; position: absolute; top: 1051px; z-index: 1000;}
Ma se lo metti a sinistra guarda che apparirà la barra di scorrimento a chi ha risluzione 1024 px e non vedrà di primo acchito un pezzetto di sito a destra... ;)
-
Grazie mille per la risposta.
Non è quello che voglio fare io: io sto facendo un template, e quest'immagine fa parte dello sfondo. Dunque, chi ha 1024 deve vedere il "body" e ignorare completamente l'esistenza dell'immagine, che è pura estetica per chi ha grandi monitor e visualizza il sito a schermo intero. Con il blocco relative ottengo questo (non ho la barra di scorrimento) ma mi si spostano gli articoli!
Questo perchè (a quanto ho capito) è come se il blocco relative rimanesse nella sua posizione, pur essendo traslato e visualizzato in un'altra; ma non è ciò che voglio ottenere.
-
Ah bene... adesso ci siamo capiti. Tu avevi parlato di banner nel primo post mica di immagine di sfondo....
Ecco qua:
http://www.democraticiperdueville.it/ (http://www.democraticiperdueville.it/)
Qui c'è in alto a sinistra e in basso a destra. Ispeziona con firebug e copiati il codice ;)