Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : alecrespi 18 Oct 2011, 16:55:06

: [Risolto] Rhuk Milkyway modificato (sovrapposizione moduli)
: alecrespi 18 Oct 2011, 16:55:06
Buongiorno a tutti,
è da un pò di tempo che utilizzo Joomla 1.5 e finalmente mi sono addentrato nella modifica avanzata di un template per adattarlo a determinate esigenze estetiche.

Il template in questione è: Rhuk_Milkyway.
(http://forum.joomla.it/index.php?action=dlattach;topic=147197.0;attach=20764;image)

Partendo dallo slideshow (Lof ArticlesSlideShow Module), dovrei sovrapporre nella parte alta il modulo del menu e nella parte bassa un modulo con la data/ora (a sinistra) e un modulo con dei testi (a destra).

ovviamente più in basso (fuori dall'immagine) continua il template con le colonne LEFT + CENTER + RIGHT (non le ho messe nella foto) ed il main-content.

Spero che qualcuno possa aiutarmi.
Attendo vostre notizie!!
Grazie

[allegato vecchio più di un anno eliminato da un amministratore]
: Re:Rhuk Milkyway modificato (sovrapposizione moduli)
: map 18 Oct 2011, 18:51:13
Ciao, Non ho capito bene il tuo problema ?


La domanda è molto generica, fornisci i dettagli di quello che non riesci a fare....


Da quello chè ho capito speri che qualcuno ti posti un template personalizzato.



: Re:Rhuk Milkyway modificato (sovrapposizione moduli)
: alecrespi 18 Oct 2011, 19:09:41
Ciao e grazie per la risposta,
in realtà io mi trovo in questa situazione (rappresentazione dei moduli coinvolti)

(http://forum.joomla.it/index.php?action=dlattach;topic=147197.0;attach=20768;image)


e vorrei avere quest'altra situazione (nuova disposizione con moduli "sovrapposti")

(http://forum.joomla.it/index.php?action=dlattach;topic=147197.0;attach=20770;image)

Credo che con i DIV e CSS si riesca ad ottenere un risultato simile, ma non riesco a saltarne fuori.
Più che un template personalizzato dovrebbe bastarmi qualche riga di codice relativa alla disposizione dei moduli coinvolti.

Spero di essermi spiegato bene.
Grazie ancora.

[allegato vecchio più di un anno eliminato da un amministratore]
: Re:Rhuk Milkyway modificato (sovrapposizione moduli)
: map 18 Oct 2011, 19:26:43
Slideshow z-index 0  position absolute;


menu, data, ora, testo z-index 2 position relative;


se pubblichi il link è meglio.



: Re:Rhuk Milkyway modificato (sovrapposizione moduli)
: alecrespi 20 Oct 2011, 16:35:22
OK, ce l'ho fatta!

Come riferimenti futuri aggiungo anche i codici che ho inserito

file PHP
:
                <div class="overlap">
                    <div class="slideshow"><jdoc:include type="modules" name="slideshow" style="rounded" /></div> <!-- slideshow -->
                    <div class="rigadata">
                        <div class="data">
                            <jdoc:include type="modules" name="data" style="rounded" />
                        </div>
                        <div class="aforisma">
                            <!-- originariamente qui ci stava l'aforisma -->
                            <!-- <jdoc:include type="modules" name="aforisma" style="rounded" /> -->
                        </div>
                    </div>
                </div>

file CSS
:
/* OVERLAP sovrapposizione */
div.overlap {
position: relative;
width: 990px; height: 410px; /* must specify width/height */
padding-bottom: 10px;
z-index: 0;
}
div.overlap .rigadata{ position: absolute; }
div.slideshow { position: absolute; }
div.overlap .rigadata .data{ color: #000000; margin-left:20px; margin-top:325px; z-index: 2; }
div.overlap .rigadata .aforisma{ background:#F5F0DD; color: #000000; width: 450px; position: absolute;  left:500px; top:370px; z-index: 2; }
/* fine OVERLAP sovrapposizione */

Grazie mille.Alessandro