Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : pakycs 25 May 2010, 00:49:19

: dividere header in due posizioni
: pakycs 25 May 2010, 00:49:19

Vi spiego il mio problema:
Ho creato un template con  (cut moederazione: no riferimenti commerciali grazie!)  dopodiché non avendo una posizione header l'ho creata mettendo nel file index.php del template la posizione in questo modo:

<div class="art-Header">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"></div>
   <div id="header"><jdoc:include type="modules" name="header" /></div>
</div>

aggiungendo solo la parte in grasseto.
Facendo questa modifica sono riuscito a mettere delle immagini nel header sfruttando un componente che le fa ruotare, ecc.
Quello che ora voglio fare è appunto dividere in 2 parti l'header.
al momento l'header occupa tutta la parte superiore io la vorrei dividere dove nella parte destra rimane l'header che ruota (ridimensionandolo) e dalla parte sinistra la nuova posizione header1 dove mettere altro.
attualmente tutto l'header è di circa 900px di larghezza. mi servirebbe la parte destra di un 600px e la sinistra (da creare) di 200px.
Spero mi sono spiegato.
bisogna mettere mano sia al file index.php che al file template.css
spero qualcuno di voi possa aiutarmi. Aspetto risposte. :)
Ps. sono in locale.

: Re:dividere header in due posizioni
: conti1 25 May 2010, 02:48:24

ciao
evitiamo nomi commerciali grazie

allora x dividere il tuo header ti devi creare una nuova posizione e affiancarla a qiella esistente  ti crei il css della nuova posizione   ricordati che  di dare il fload:left  sia alla nuova che  a quella gia esistente altrimenti non si affianca.
qui una guida
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F

: Re:dividere header in due posizioni
: pakycs 25 May 2010, 09:06:28

Grazie per la risposta. ho creato due moduli chiamandoli header1 e header2 seguendo quella guida.
nell'index.php ho aggiunto questo codice:

<?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('header1')) : ?>
      <div id="header-1">
        <jdoc:include type="modules" name="header1" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>
 
 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('header2')) : ?>
      <div id="header-2">
        <jdoc:include type="modules" name="header2" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

questo subito prima del codice <div class="art-Header">

e nel file template.css alla fine ho aggiunto questo codice:

#header-1 {
 float: left;
 width:80%}
 
 #header-2 {
 float: left;
 width:80%}

ovviamente nel file templatedetails.xml ho aggiunto le posizioni:
   <position>header1</position>
   <position>header2</position>

Ora però ho i due header uno sopra l'altro, come faccio a metterli affiancati e regolarmi le due rispettive dimensioni?

: Re:dividere header in due posizioni
: conti1 25 May 2010, 11:13:38

ciao
scusa prova a fare 80%+80%=?
tu ha un header di quella lunghezza?
prova a mettere 50%

posta anche un link del sito