Bouton déroulant pour option (voir exemple)

2 participants

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 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

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 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

Automne
Membre actif

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

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par ptimich Dim 30 Sep 2012 - 13:14

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

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

- Sujets similaires

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