Annonces
Livre d'or

Par Ptithom

ATTARAJI-GS, pose ta question sur le forum en détaillant ce que tu veux vraiment.

Livre d'or

Mini sondage
Disposez-vous de PHP 5 chez votre hébergeur ?








Résultats

 
Déplier / replier vos mini module
 
Table des matières



Je vais vous montrer comment ajouter une petite image a gauche de chaque mini module et lors d'un clique le mini module s'ouvre .

Les fichiers que l'on va modifier .

-gallery_mini.tpl
-newsletter_mini.tpl
-online_mini.tpl
-poll_mini.tpl
-shoutbox_mini.tpl
-stats_mini.tpl

Je vais me baser sur gallery_mini.tpl pour vous expliquer ( c'est le même procédé pour les autres fichiers )

Ouvrez votre fichier avec votre éditeur , ajouter au début se bout de code javascript :

Code JAVASCRIPT :
		      <script language="JavaScript" type="text/javascript">
      <!-- Script DHTML by SnowKhan -->
      function show_hide(bloc,blocimg)
      {
            elt=document.getElementById(bloc);
            if (elt.style.display == 'none') {
                  document.getElementById(bloc).style.display='block';
                  document.getElementById(blocimg).src='../templates/Theme/images/right.png';
            }
            else {
                  document.getElementById(bloc).style.display='none';
                  document.getElementById(blocimg).src='../templates/Theme/images/bas.png';
            }
      }
      </script>


Je vous laisse modifier ../templates/Theme/images/right.png et ../templates/Theme/images/bas.png par le chemin ou se trouvera vos images ( voir plus bas pour les images )

Ensuite chercher :

Code HTML :
<h5 class="sub_title">{L_RANDOM_PICS}</h5>


Remplacer par :

Code HTML :
			<a href="javascript:void(0);" onclick="show_hide('gallery_bloc','icone_galerie');">
           <img id="icone_galerie" align="left" src="../templates/ThemeKubuntu/images/bas.png" border="0" />
				<h5 class="sub_title">{L_RANDOM_PICS}</h5></a>


A suivre ....

 
Cette page a été vue 3712 fois
Annonces