[RISOLTO] Centrare Banner in template 1.5

[w0w]

Salve ragazzi, vi scpiego il mio problema. Ho un template nel cui file index.php ho una posizione top il cui codice è:

Codice: [Seleziona]

<jdoc:include type="modules" name="top" style="xhtml" />. Di base il template in tale posizione visualizza un modulo html custom (mod_custom) nel quale trovo il seguente codice:

Codice: [Seleziona]

<div class="row-slider">
<div id="faded">
<ul>
<li><img src="images/stories/slide1.jpg" border="0" /></li>
<li><img src="images/stories/slide2.jpg" border="0" /></li>
<li><img src="images/stories/slide3.jpg" border="0" /></li>
<li><img src="images/stories/slide4.jpg" border="0" /></li>
<li><img src="images/stories/slide5.jpg" border="0" /></li>
</ul>
<a class="prev" href="#">play</a> <a class="next" href="#">stop</a></div>
</div>In pratica con tramite jqueri viene creato un effetto slide di immagini. Di seguito posto anche il codice CSS che formatta tali tag:

Codice: [Seleziona]

/*slider*/

ul.pagination { list-style:none; padding:0; margin:0; position:absolute;}
ul.pagination li { float:left; }
ul.pagination li.current a {}
.row-slider{ width:980px; height:321px;  margin:0 0 0 0; background:url(../images/slider_text.jpg) 30px 0 no-repeat; position:absolute; top:117px; height:321px;}
#faded { padding:0; margin:0 0 0 296px;}
#faded ul{ margin:0 0 0 0; position:absolute; list-style:none;}
a { outline:0; border:0; }

ul.pagination{ display:none;}

.prev, .next{ display:block;  position:absolute; text-align:center; font-size:13px; line-height:29px; text-transform:uppercase; text-decoration:none;  color:#FFF; background:url(../images/slider_wrapper_button.png) 0 0 repeat; width:64px; height:29px; border:none;}
.prev{margin:292px 0 0 526px;}
.next{margin:292px 0 0 590px;}
Il mio problema è: Sostituire al codice postato, il codice opportuno per visualizzare (dove ora scorrono le immagini - Header) con un filmato flash.

Per fare questo avevo pensato di:
1) creare un'altro modulo mod_custom in cui inserire il codice per caricare il filmato flash;
2) impostare tale modulo nella posizione top e pubblicarlo
3) disattivare il vecchio modulo con le slide
4) creare, partendo dalle informazioni (formattazioni) del codice CSS che personalizza le slide, una nuova classe CSS per la corretta formattazione del filmato flash.

Il risultato dovrebbe essere, un filmato flash correttamente posizionato e dimensionato, tale da sostituire l'Header realizzato tramite il semplice scorrimento delle immagini.

Potete aiutarmi in questa impresa

[w0w]

Allora ragazzi ho risolto in questo modo.
1) Ho creato una nuova classe CSS prendendo i parametri da quella vecchia, il codice è il seguente:

Codice: [Seleziona]

/*flash movie*/
.flash_movie { width:980px; height:321px;  margin:0 0 0 0; position:absolute; top:117px; height:321px;}2) Ho creato un nuovo mod_custom chiamato Header che ho pubblicato nella posizione top. All'interno dello stesso ho inserito il seguente codice:

Codice: [Seleziona]

<div class="flash_movie">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0">
<param name="movie" value="images/stories/nome_file_filmato.swf" />
<param name="quality" value="high" />
</object>
</div>
Ora l'unico problema che riscontro è che il filmato flash copre il topdropdownmenu. Ovvero ho dei menu in una posizione immediatamente sofra il filmato flash, quando si apre la tendina, le voci di menu vanno in secondo piano rispetto al filamto, scomparendo dietro ad esse.

Sapete come aiutarmi?