Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Eurovideo 16 Nov 2010, 10:28:38

: aggiugnere posizione nel template
: Eurovideo 16 Nov 2010, 10:28:38

ciao a tutti!

Sto cercando di aggiungere una posizione nel template... in particolare dovrebbe comparire in alto a destra, al posto di dove ora vedete "Streaming Ciao Radio"

http://www.associazionealtadefinizione.it/ (http://www.associazionealtadefinizione.it/)

ho cercato diversi tutorial ma qualcosa non và:

ho editato il file xml e ho aggiunto <postion>upright</position>, e fin quì ok, dal backend di joomla posso posizionare un modulo in "upright"

per invece farlo comparire ho cercato di metterlo nell'index.php del template, ma non riesco a capire dove metterlo e con che codice, visto che i vari tutorial ne suggeriscono di diversi

potete aiutarmi? Devo postarvi tutto il file index.php del template?

grazie

: Re:aggiugnere posizione nel template
: jospic 16 Nov 2010, 10:42:32

Devi creare un "id"  ad hoc per il tuo modulo (ad esempio con lo stesso nome) e piazzarlo con dei tag "<div>" nella pagina index.php e fornirgli uno stile nel file css corrispondente.

Nel tuo caso lo piazzerei all'interno del <div class="art-nav"></div> subito dopo il <ul class="art-menu"></div>

Naturalmente dovrai dare all'id degli stili con attributi tipo float: right, ecc.

Saluti.

: Re:aggiugnere posizione nel template
: Eurovideo 16 Nov 2010, 11:16:12

intanto grazie

dunque questo è il codice "prima":

index.php

:

<jdoc:include type="modules" name="user3" />
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
</div>
template.css

:

div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 950px;
height: 280px;
}


div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 950px;
height: 280px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
e questo è il codice con le aggiunte che ho fatto:

index.php

:

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

<jdoc:include type="modules" name="upright" />
<div class="upright">
    <div class="upright"></div>
</div>
template.css

:

div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 950px;
height: 280px;
}

div.upright
{
margin: 0 auto;
float:right;
position: relative;
z-index:1;
width: 250px;
height: 280px;
}

div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 950px;
height: 280px;
background-image: url('../images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
per quel che ne so sembra corretto... dove sbaglio?

grazie ancora

: Re:aggiugnere posizione nel template
: tonicopi 16 Nov 2010, 19:40:58

Perchè due div annidati con la stessa classe?
Perche il codice joomla che richi9ama la posizione modulo fuori dal div? ù
Prova così

:

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

    <div id="upright">
<jdoc:include type="modules" name="upright" />
</div>
E pubblica un modulo nella nuova posizione  ;)