installer des mini modules

JB · 31/03/2008 09:49:05

Bonjour,
Je vous propose d'installer des mini modules dans la bande latérale verticale ou se trouve le Menu.
Démo Démo mini modules
Ces mini modules sont des petites appli comme : horloge, compteur, diaporama.....

Pour les installer rien de plus simple :
- Créer un dossier "module" à la racine du site.
- Copier/coller le Script php du mini module et ensuite l'enregistrer dans le dossier "module".
- Ouvrir "template.php" et écrire l'instruction suivante <?php include "module/nom module.php" ?> dans le Div id=side. (ex : pour l'horloge --> <?php include "module/horloge.php" ?>
- Attention, placer les mini modules après l'instruction <?php echo $zite->content['menu'] ?><br> qui se trouve en principe à la ligne 17 de template.php d'origine.
- Enregistrer "template.php".
Voilà, c'est tout. Il suffit de relancer ZITE.

Voici les sript des mini modules.

------------------------------------
horloge.php

<center>
<iframe id="ifrhorlogeparlante" width="124" height="52" marginwidth="1" marginheight="1" border="0" frameborder="0" src="http://site1.horlogeparlante.com/tools/g_time.php?city=48&lang=fr&type=1"></iframe><br>
<a target="_blank" href="http://www.horlogeparlante.com/" id="linktime"><img id="imglinktime" src="http://site1.horlogeparlante.com/tools/g_logo.php?city=48&lang=fr&type=1" alt="horloge parlante" title="L'heure exacte et internationale" border="0"/></a>
</center>
<br>

------------------------------------
iti.php

<center>
<table width="100%" bgcolor="#e0ffff" border="1">
<tr><td>
<p><img src="module/google.gif" height="24" width="71" alt="Google" title="Google" style="border: 0px" /></p>
<noscript>
<p>Le JavaScript est désactivé sur votre navigateur.
Pour rechercher l'itinéraire, merci de vous rendre directement sur <a href="http://maps.google.fr" target="_blank">Google Maps</a>.
</p></noscript>
<form name="iti" action="#">
Départ : <input type="text" name="depart">
Arrivée : <input type="text" name="arrivee">
<p><input type="button" value="Itinéraire" onClick="window.open('http://maps.google.fr/maps?f=d&hl=fr&saddr='
+document.iti.depart.value+'&daddr='+document.iti.arrivee.value+'&ie=UTF8&z=12&om=1');"></p>
<form>
</td></tr>
</table>
</center>
<br>

------------------------------------
météo.php

<center>
<table width="100%" bgcolor="#e0ffff" border="1">
<tr><td>
<script type="text/javascript">
var params_meteo = "type_meteo=terrestre&langue=fr&" +
"fond=<?php echo str_replace("#", "", $cfgTexte[1]); ?>&" +
"texte=<?php echo str_replace("#", "", $cfgTexte[0]); ?>&" +
"saisie=97480";
</script>
<script type="text/javascript" src="http://meteodirect.meteoconsult.fr/vignette/meteo1.js"></script>
</td></tr>
</table>
</center>
<br>

------------------------------------
google.php

<center>
<form method="get" action="http://www.google.com/custom">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td style="height: 10px"></td></tr>
<tr><td><img src="module/google.gif" height="24" width="71" alt="Google" title="Google" style="border: 0px" /></td></tr>
<tr><td style="height: 10px"></td></tr>
<tr><td><input type="text" name="q" size="15" maxlength="255" value="" /></td></tr>
<tr><td style="height: 5px"></td></tr>
<tr><td><input type="submit" name="sa" value="OK" /></td></tr>
<tr><td style="height: 5px"></td></tr>
</table>
</form>
</center>
<br>

------------------------------------

Pour le mini module Diaporama, il faut créer un dossier "photos" à la racine de Zite et ensuite placer des photos ou images dans ce dossier.
Maintenant, vous pouvez copier le script suivant dans le dossier "module".

diapo.php

<center>
<noscript>
<p>Activez le JavaScript dans votre navigateur pour voir le diaporama</p>
</noscript>
<table width="100%" bgcolor="#e0ffff" border="1">
<tr><td>
<div ID=ejs_photo_box></div>
<script type="text/javascript">
ejs_photo = new Array;
<?php
$a = 0;
$handle = opendir("photos");
while (($file = readdir())!=false) {
clearstatcache();
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'photos/$file';
";
$a++;
}
}
closedir($handle);
?>
function ejs_aff_photos(num)
{
if(document.getElementById)
{
ejs_fin = "";
if(num!=0)
ejs_fin += "<a href=# onClick='ejs_aff_photos("+(num-1)+");return(false)'> Précédent</a> ";
if(num!=(ejs_photo.length-2))
ejs_fin += "<a href=# onClick='ejs_aff_photos("+(num+1)+");return(false)'>Suivant </a>";
document.getElementById("ejs_photo_box").innerHTML = "<img src='"+ejs_photo[num]+"' border=0 width='160' height='120' alt='Diaporama'><br />"+ejs_fin+"";
}
}
window.onload = new Function("ejs_aff_photos(0)")
</script>
</td></tr>
</table>
</center>
<br>
------------------------------------

Voilà, pour cette fois et je pense en remettre d'autre bientôt.
Ces mini modules sont hyper simple et facilement modifiables.
Bonne mise en page!!! http.//www.australdev.eu/

Dernière modification par JB (01/04/2008 05:42:56)

rebel · 31/03/2008 14:42:25

Salut l' ami

tu propose ? j'espère que tu propose aux usagées de zite et non au concepteur.
et tu a tout a fait le droit de le faire , un forum est la pour laisser nos commentaires.

Zite est merveilleux du a sa légerté.
il s'ouvre normalement en .002 sec
intégré des modules externe cela va le rendre lourd , même pire que un site html simple

des trucs comme horloge externe etc. des modules météo comme tu fait mention , hum pas sur pour moi.

moi qu'es-que je te propos est de visité des sites comme comscript ou le siteduzero.
pour ajouté des sources php INTERNE.
qui est un peut mieux, car du externe si le site en cours est saturé ou un truc du genre ton site ne pourra pas ouvrir car il va lui manquer certaine information , ou tout simplement qui va prendre un temps fou a ouvrir.

voila , mais courage et bonne continuation avec ton zite.
je dit pas ca pour te découragé ce n'est pas négatif lolll.

ha et ton adresses de démo est pas bonne il a '' htp://http:// ''

Dernière modification par rebel (31/03/2008 14:52:45)

Forum ZitePLUS

#1 31/03/2008 09:49:05

installer des mini modules

#2 31/03/2008 14:42:25

Re : installer des mini modules

Pied de page des forums