QEEL en onglet + image + changement des phrases. Bouton_activeQEEL en onglet + image + changement des phrases. Bouton_hoverQEEL en onglet + image + changement des phrases. Fb-hoverQEEL en onglet + image + changement des phrases. Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
QEEL en onglet + image + changement des phrases. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
QEEL en onglet + image + changement des phrases. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
QEEL en onglet + image + changement des phrases. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
QEEL en onglet + image + changement des phrases. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
QEEL en onglet + image + changement des phrases. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
QEEL en onglet + image + changement des phrases. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
QEEL en onglet + image + changement des phrases. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
QEEL en onglet + image + changement des phrases. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

QEEL en onglet + image + changement des phrases.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
Bonsoir,

J'ai plusieurs questions à propos de mon "Qui est en ligne ?", je commence par la première, car sans elle, il ne me sert à rien de faire le reste.

Je souhaites mettre sur mon forum, un QEEL personnalisé, mais présenter sous forme d'onglet. J'ai trouver un tutoriel expliquant comment faire, le soucis, c'est que quand je le valide et que je vais voir le résultat sur le forum, le tableau s'affiche mais reste "statique", il ne bouge pas quand je passe la souris sur les différents onglets. Je ne comprends pas, car il y a quelques temps quand j'avais essayer ailleurs, cela marchait.

Qu'est-ce qui cloche ?

Merci d'avance pour votre réponse.


Dernière édition par Kaileen le Mer 09 Fév 2011, 03:03, édité 2 fois
MessageSujet: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMer 02 Fév 2011, 12:59
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



QEEL en onglet + image + changement des phrases. Empty
Hellooo! Very Happy

Est-ce que je peux avoir le code de ton QEEL ?
Soit, le template index_body.

Merci,
Hari'. «
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMer 02 Fév 2011, 13:01
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
Bien sûr, voici la totalité du code :

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<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>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';  }
function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';

document.getElementById('onglet3').style.display='none';  document.getElementById('onglet4').style.display='none'; }
function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none'; }
function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block'; }</script>

<!-- BARRE D'ONGLETS -->
<table width="100%"><tr>
                  <td width="20%"><div class="onglet" ="javascript:patonglet1()">Statistiques</div></td>
                  <td width="20%"><div class="onglet" ="javascript:patonglet2()">Les groupes</div></td>
                  <td width="20%"><div class="onglet" ="javascript:patonglet3()">Les dernières connexions</div></td></tr></table>
                                 
            <table width="100%">
              <tr width="100%">
                <td width="100%">
<!-- PREMIER MODULE -->
                    <div id="onglet1">
                        <div class="message">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span>
                                </td>
                              </tr>
                          </table>
                        </div>
                    </div>
                 
<!-- DEUXIEME MODULE -->
                    <div id="onglet2" style="display: none;">
                        <div class="message">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;" width="100%">
                                    {GROUP_LEGEND}
                                </td>
                              </tr>
                          </table>
                        </div>
                    </div>
                 
                 
<!-- TROISIEME MODULE -->                 
                    <div id="onglet3" style="display: none;">
                        <div class="message">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;" width="100%">
                                  {L_CONNECTED_MEMBERS}
                                </td>
                              </tr>
                          </table>
                        </div>
                    </div>
                </td>
              </tr>
            </table>
        </div>
      </td>
  </tr>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMer 02 Fév 2011, 13:06
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



QEEL en onglet + image + changement des phrases. Empty
Hello !

Il te manquait les onmouseover, ton script pouvait pas aller bien loin comme ça Wink

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<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>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">
               <script type="text/javascript">
                  function patonglet1() {
                     document.getElementById('onglet1').style.display='block';
                     document.getElementById('onglet2').style.display='none';
                     document.getElementById('onglet3').style.display='none';
                     document.getElementById('onglet4').style.display='none'; 
                  }
                  
                  function patonglet2() {
                     document.getElementById('onglet1').style.display='none';
                     document.getElementById('onglet2').style.display='block';
                     document.getElementById('onglet3').style.display='none'; 
                     document.getElementById('onglet4').style.display='none';
                  }
                  
                  function patonglet3() {
                     document.getElementById('onglet1').style.display='none';
                     document.getElementById('onglet2').style.display='none';
                     document.getElementById('onglet3').style.display='block';
                     document.getElementById('onglet4').style.display='none';
                  }
                  
                  function patonglet4() {
                     document.getElementById('onglet1').style.display='none';
                     document.getElementById('onglet2').style.display='none';
                     document.getElementById('onglet3').style.display='none';
                     document.getElementById('onglet4').style.display='block';
                  }
               </script>

<!-- BARRE D'ONGLETS -->
               <table width="100%">
                  <tr>
                     <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Statistiques</div></td>
                     <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Les groupes</div></td>
                     <td width="20%"><div class="onglet" onmouseover="javascript:patonglet3()">Les dernières connexions</div></td>
                  </tr>
               </table>
                               
               <table width="100%">
                  <tr width="100%">
                     <td width="100%">
                     
                        <!-- PREMIER MODULE -->
                        <div id="onglet1">
                           <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                 <tr>
                                    <td style="text-align: center;" width="100%">
                                       <span class="gensmall">{TOTAL_POSTS}<br />
                                       {TOTAL_USERS}<br />
                                       {NEWEST_USER}<br />
                                       {TOTAL_USERS_ONLINE}<br />
                                       {RECORD_USERS}<br />
                                       <br />
                                       {LOGGED_IN_USER_LIST}</span>
                                    </td>
                                 </tr>
                              </table>
                           </div>
                        </div>

                        <!-- DEUXIEME MODULE -->
                        <div id="onglet2" style="display: none;">
                           <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                 <tr>
                                    <td style="text-align: center;" width="100%">
                                    {GROUP_LEGEND}
                                    </td>
                                 </tr>
                              </table>
                           </div>
                        </div>


                        <!-- TROISIEME MODULE -->               
                        <div id="onglet3" style="display: none;">
                           <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                 <tr>
                                    <td style="text-align: center;" width="100%">
                                    {L_CONNECTED_MEMBERS}
                                    </td>
                                 </tr>
                              </table>
                           </div>
                        </div>
                        
                     </td>
                  </tr>
               </table>
            </div>
         </td>
      </tr>
</table>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyLun 07 Fév 2011, 13:59
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
Ooh, merci beaucoup. Il manquait ça dans le tutoriel, vous me sauvez la vie.
Par contre, j'ai une autre question, a quel endroit je peut insérer mon image ?
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyLun 07 Fév 2011, 14:43
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



QEEL en onglet + image + changement des phrases. Empty
Mais c'est pas fini de me vouvoyer ? ToT *se sent vieille soudain*

A quel endroit tu veux insérer une image, surtout XD Je ne sais pas trop ce que tu veux dire u_u' Quelle image ? Celle du "qui est en ligne" ?
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyLun 07 Fév 2011, 14:50
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
Armf, mais je "vous" s'était pour le forum en général (:

Oui, il s'agit du Qui est en ligne, que je voudrais mettre en dessous du tableau, de façon à ce qu'il apparaisse sur chaque onglet.
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMar 08 Fév 2011, 03:07
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



QEEL en onglet + image + changement des phrases. Empty
En dessous du tableau ? Excuse moi si j'ai l'air pas très réveillé (c'est le cas), tu pourrais me faire un schéma ? @_@
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMar 08 Fév 2011, 14:38
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
Oui, les onglets. J'ai essayer de faire un schéma, j'espère qu'il est compréhensible.

Spoiler:
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMar 08 Fév 2011, 15:06
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



QEEL en onglet + image + changement des phrases. Empty
Hop ! Voilà, et désolé pour le retard. Teste, et dis moi si tout marche comme il faut ^^

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<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>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">
              <script type="text/javascript">
                  function patonglet1() {
                    document.getElementById('onglet1').style.display='block';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet2() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='block';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet3() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='block';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet4() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='block';
                  }
              </script>

<!-- BARRE D'ONGLETS -->
              <table width="100%">
                  <tr>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Statistiques</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Les groupes</div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet3()">Les dernières connexions</div></td>
                  </tr>
             
              <tr>
               <td colspan="3" valign="middle" align="center">
                  <!-- IMAGE D'ILLUSTRATION DU QEEL -->
                  <img src="lien_image" alt="" />
               </td>
              </tr>
             
                  <td width="100%" colspan="3">
                   
                        <!-- PREMIER MODULE -->
                        <div id="onglet1">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                      <span class="gensmall">{TOTAL_POSTS}<br />
                                      {TOTAL_USERS}<br />
                                      {NEWEST_USER}<br />
                                      {TOTAL_USERS_ONLINE}<br />
                                      {RECORD_USERS}<br />
                                      <br />
                                      {LOGGED_IN_USER_LIST}</span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>

                        <!-- DEUXIEME MODULE -->
                        <div id="onglet2" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                    {GROUP_LEGEND}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>


                        <!-- TROISIEME MODULE -->             
                        <div id="onglet3" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                    {L_CONNECTED_MEMBERS}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
                       
                    </td>
                  </tr>
              </table>
            </div>
        </td>
      </tr>
</table>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMar 08 Fév 2011, 16:52
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



QEEL en onglet + image + changement des phrases. Empty
C'est parfait. Merci beaucoup pour ton aide.
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMer 09 Fév 2011, 03:02
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



QEEL en onglet + image + changement des phrases. Empty
    Bonjour ^^

    Je vois l'icône "résolu" cochée donc je classe Wink
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. EmptyMer 09 Fév 2011, 05:45
Revenir en haut Aller en bas
Contenu sponsorisé




QEEL en onglet + image + changement des phrases. Empty
MessageSujet: Re: QEEL en onglet + image + changement des phrases.   QEEL en onglet + image + changement des phrases. Empty
Revenir en haut Aller en bas
 

QEEL en onglet + image + changement des phrases.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» qeel perso; changement des phrases
» Phrases du QEEL
» Les phrases du QEEL
» Les phrases du QEEL.
» Phrases qeel + groupes

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit