Bouton déroulant pour option (voir exemple)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bouton déroulant pour option (voir exemple)

Message par ptimich le Ven 28 Sep 2012 - 17:45

Bonjour à tous, je souhaiterais faire comme sur ce forum => http://atlan.niceboard.org/ pour mettre une petite image qui se défile au passage de la souris et qui ensuite nous montre les options disponibles (en bas du forum) pour les options Sujets actifs du jour Top 20 des posteurs du jour Top 20 des posteurs du forum
Supprimer les cookies du forum...

Je pense que c'est du Javascript mais pas sur

Merci d'avance pour votre aide si précieuse


Dernière édition par ptimich le Dim 30 Sep 2012 - 13:14, édité 1 fois

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton déroulant pour option (voir exemple)

Message par Automne le Dim 30 Sep 2012 - 0:46

Bonjour,

Vous pouvez utiliser cette fonction
Code:
<div align="center"><div class="infotitle"><input type="button" value="On" style="width:100px;font-size:12px;margin:0px;padding:0px;background-image:url(URL);" onmouseover="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Off'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'On'; }" /></div><div class="quotecontent" align="left"><div style="display: none;">ICI LA PARTIE A CACHER</div>

Si vous souhaiter mettre les infos du bas, a savoir marquer les forums comme lu, et les tops posteurs, c'est dans le template index_body, toute cette partie
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
  </table>

A vous ensuite de personnaliser votre bouton. Le css etant dans le code style="width:100px;font-size:12px;margin:0px;padding:0px;background-image:url(URL);"


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton déroulant pour option (voir exemple)

Message par ptimich le Dim 30 Sep 2012 - 13:14

ok merci beaucoup pour cette aide, j'aime beaucoup cette options et sa fonctionne parfaitement résolu

ptimich
*****

Masculin
Messages : 508
Inscrit(e) le : 05/03/2011

http://rihannafentyforum.com
ptimich a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum