Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : mattyfog 06 Aug 2010, 13:05:07

: Usare delle immagini come bordi
: mattyfog 06 Aug 2010, 13:05:07

Ciao a tutti!
Mettiamo che io abbia 2 immagini che voglio usare: una per il bordo sinistro di un elemento e l'altra per il bordo destro.
La soluzione che mi viene per prima in mente è: creo un'immagine che abbia la larghezza come l'elemento e in questa immagine ci incollo le 2 immagini. Così ho un'immagine unica (di dimensione fissa) e mi basta settare la proprietà background e un repeat-y e siamo a posto.
Ma se io volessi fare qualcosa di più versatile, lasciare quindi i due bordi in immagini separate in modo da poter settare la larghezza in ogni momento in maniera più pratica, cosa posso fare?
Mi pare che la tecnica dell'usare 2 background non funzionasse su IE.

: Re:Usare delle immagini come bordi
: tonicopi 06 Aug 2010, 14:47:20

L'esempio del template di deafult di joomla rhuk non ti va bene?
utilizza questa (http://www.joomlacsszengarden.com/demo/templates/rhuk/images/orange/mw_header_t_l.png) per la sinistrae questa  (http://www.joomlacsszengarden.com/demo/templates/rhuk/images/orange/mw_header_t_r.png)per la destra ;)

: Re:Usare delle immagini come bordi
: mattyfog 06 Aug 2010, 23:29:36

Interessante.
Proverò a guardare ;)

: Re:Usare delle immagini come bordi
: mattyfog 06 Aug 2010, 23:39:32

In pratica il template usa 3 div annidati.
Però non ho ben capito: perchè usare 3 div annidati che poi risultano meno leggibili a livello di codice anzichè 3 affiancati?

Toglimi una curiosità: i file png hanno la trasparenza sul web o essa non viene mantenuta?

: Re:Usare delle immagini come bordi
: tonicopi 07 Aug 2010, 00:37:35

Perchè nei div annidati il contenuto, che va posto nel div più interno, allarga e allunga automaticamente i div che lo contengono permettendo la gestione flessibile di larghezza ed altezza. Cosa che non accade con div affiancati  ;D

Si in genere i browser supportano la trasparenza delle png che però talvolta, per una questione di canali e filtri, possono non esser ben gestite specie da IE (sempre lui!). Le trasparenze delle gif invece vengono lette invece bene da tutti i browser  :)

: Re:Usare delle immagini come bordi
: mattyfog 07 Aug 2010, 11:16:05

Ok grazie capito!
Spulcio ancora un po' e provo a rifarlo!

: Re:Usare delle immagini come bordi
: mattyfog 16 Aug 2010, 20:42:07

Hey, ho ancora un dubbio sempre sull'annidamento dei div.
Il template rhuk usa un codice come questo per settare i bordi nella parte alta:

:

<div id="main_t">
        <div id="main_tl">
            <div id="main_tr" />
            </div>
</div>
Però non mi aiuta nel settare i bordi nella parte centrale della pagina!

In questo caso non sarebbe meglio, invece dei 3 div annidati, usare:

:

<div id="main_t">
        <div id="main_tl" />
                 <div id="content">
                  <jdoc:include type="component" />
                 </div>
            <div id="main_tr" />
</div>
?? O si può fare tranquillamente anche con i div annidati? (perchè il mio piccolo cervello crede che si sovrapponerebbe qualcosa).