Back to top

Autore Topic: aggiugnere posizione nel template  (Letto 1394 volte)

Offline Eurovideo

  • Esploratore
  • **
  • Post: 58
    • Mostra profilo
aggiugnere posizione nel template
« il: 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/

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

Offline jospic

  • Appassionato
  • ***
  • Post: 353
  • Sesso: Maschio
    • Mostra profilo
Re:aggiugnere posizione nel template
« Risposta #1 il: 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.

"In a world without walls and fences, who needs windows and gates?"
http://www.iperspace.it/download/linux/linuxwetrust.gif

Offline Eurovideo

  • Esploratore
  • **
  • Post: 58
    • Mostra profilo
Re:aggiugnere posizione nel template
« Risposta #2 il: 16 Nov 2010, 11:16:12 »
intanto grazie

dunque questo è il codice "prima":

index.php
Codice: [Seleziona]
<jdoc:include type="modules" name="user3" />
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
</div>

template.css
Codice: [Seleziona]
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
Codice: [Seleziona]
<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
Codice: [Seleziona]
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

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:aggiugnere posizione nel template
« Risposta #3 il: 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ì
Codice: [Seleziona]
<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  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

 



Web Design Bolzano Kreatif