[Risolto] Rhuk Milkyway modificato (sovrapposizione moduli)

[alecrespi]

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.


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]

[map]

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.

[alecrespi]

Ciao e grazie per la risposta,
in realtà io mi trovo in questa situazione (rappresentazione dei moduli coinvolti)




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



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]

[map]

Slideshow z-index 0  position absolute;


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


se pubblichi il link è meglio.

[alecrespi]

OK, ce l'ho fatta!

Come riferimenti futuri aggiungo anche i codici che ho inserito

file PHP

Codice: [Seleziona]

                <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

Codice: [Seleziona]

/* 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