Tutorial - Visualizzare un messaggio di loading nel tuo sito Xoops!

Visualizzare un messaggio di loading nel tuo sito Xoops!

---Submitter: slyss Data: 14/1/2007 10:55 Visite: 1950 Voto: 10.00/1

Autore:slyss

Riassunto:Come poter fare per visualizzare un messaggio di loading, o una gif animata, al caricamento delle pagine del tuo sito Xoops.

Loading Page: come fare...

Profilo Autore: slyss

Profilo

Ciao a tutti

scrivo questo tutorial per insegnarvi come poter inserire un messaggio di loading, o una bella gif animata, al momento di caricamento delle vostre pagine Xoops.

Tipo:

Quando la pagina sta caricando apparirà il messaggio e sparirà appena la pagina sarà stata caricata integralmente...

INIZIAMO!!!

Aprite il vostro theme.html e subito dopo il tag < body > inserite:


<!-- Load indicatior -->

<div id="waitDiv" style="position:absolute; right:0%; top:50%;

visibility:hidden; text-align:center;">

<{include file="vostro_tema_in_uso/theme_loading.html"}>

 <script type='text/javascript'>

   toggle_visibility('waitDiv', 1);

   </script>

</div>

<!-- End Load Indicator -->

ora scendete e subito prima del tag < /body > inserite:


<!-- Page Loaded Indicator Stop -->

<script type='text/javascript'>

   toggle_visibility('waitDiv', 0);

   </script>

<!-- End -->

chiudete e salvate!

Ora createvi un nuovo file chiamato theme_loading.html ed inseritelo nella cartella del vostro tema e inseriteci questo codice:


<table border="0" align="center" cellpadding="0" cellspacing="0">

 <tr>

   <td align="right"><img src="[b][color=FF0000]<{$xoops_imageurl}>images/animata.gif" />[/color][/b]</td>

   <td align="left"><b><font color="#9900CC" face="Verdana" size="6"><span style="background-color: #000000">...Loading page...</span></b></font><br />

     <br />

     <big><b><font color="#9900CC" face="Verdana" size="5"><span style="background-color: #000000">...Please Wait...</b></span></big></font></td>

 </tr>

</table>

modificate a dovere l'url delle vostra gif animata preferita...

Ora createvi la vostra gif personalizzata e divertitevi!!!

ciao sly :sun

<< ErrorPages Utilizzare jQuery in Xoops >>

API: RSS | RDF | ATOM