Tutorial Avanzati V1

Visualizzare un messaggio di loading nel tuo sito Xoops!

Categoria: Temi e templates
Sottotitolo: #0 Loading Page: come fare...
Autore: slyss
Data: 14/1/2007
Parole chiave: loading page, loading, caricamento pagine, scritta al caricamento

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

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="<{$xoops_imageurl}>images/animata.gif" /></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
Tutorial Avanzati V1
URL: http://www.xoopsitalia.org/modules/article/view.article.php/c8/42