Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : quenda 28 Jan 2009, 10:12:54

: Rollover in testata sito
: quenda 28 Jan 2009, 10:12:54

Ciao!
Chiedo se qualcuno è riuscito a inserire un'immagine con effetto rollover (ovvero che cambia al passaggio del puntatore del mouse...) nella testata di un sito bsato su J! 1.5.x

Il codice che vorrei usare, per esempio, potrebbe essere:

<a onmouseover="changeImages('main_logo', 'immagini-spashpage/main_logo-over.jpg'); return true;"
onmouseout="changeImages('main_logo', 'immagini-spashpage/main_logo.jpg'); return true;"
href="http://www.nomesito.it"><img src="immagini-spashpage/main_logo.jpg" alt="" name="main_logo" height="230" width="488" border="0">[/url]

Semprechè sia possibile far funzionare un codice HTML di questo tipo, in quale file del template dovrebbe essere messo il codice?

Grazie!

ettore

: Re: Rollover in testata sito
: sali40 28 Jan 2009, 10:15:53

in index.php. nella parte in cui viene richiamato l'header

: Re: Rollover in testata sito
: quenda 28 Jan 2009, 10:58:18

: sali40  28 Jan 2009, 10:15:53

in index.php. nella parte in cui viene richiamato l'header

Grazie!
.....ma ho il timore che non sia cosi' sempice perche' il codice che vedo nel file index.php del mio template e' questo:

<!-- Begin Header Bar -->
         <div id="header-bar">
            <div class="wrapper">
               <?php if($show_logo == "true") : ?>
               <a href="<?php echo $this->baseurl; ?>" class="nounder"><img src="<?php echo $template_path; ?>/images/blank.gif" border="0" alt="" id="logo" />[/url]
               <?php else: ?>
               <div class="logo-module">
                  <jdoc:include type="modules" name="icon" style="xhtml" />
               </div>
               <?php endif; ?>
               <?php if($this->countModules('top')) : ?>
               <div id="topmenu-mod">
                  <jdoc:include type="modules" name="top" style="xhtml" />
               </div>
               <?php endif; ?>
               <?php if($this->countModules('banner')) : ?>
               <div id="banner-mod">
                  <jdoc:include type="modules" name="banner" style="xhtml" />
               </div>
               <?php endif; ?>
            </div>
            <div class="clr"></div>
         </div>
         <div id="header-bar-bottom"></div>
         <!-- End Header Bar -->

Cosa mi suggerisci?

Ciao!

ettore

: Re: Rollover in testata sito
: sali40 28 Jan 2009, 11:04:15

dico che, ad esempio, puoi metterla al posto del banner.
elimini

:

<?php if($this->countModules('banner')) : ?>e il successivo

:

<?php endif; ?>sostituisci

:

     <jdoc:include type="modules" name="banner" style="xhtml" /> con il tuo codice e dai una occhiata alla classe "banner-mod" del tuo css per verificare che sia compatibile con il tuo codice.

In alternativa, sempre eliminando la dichiarazione "if", puoi lasciare

:

     <jdoc:include type="modules" name="banner" style="xhtml" /> e trovare la maniera per inserire il tuo codice da css nella classe di quel div