Qui est en ligne

Page 1 sur 2 1, 2  Suivant

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

Résolu Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 12:58

Bonjour j'ai fais un qui est en ligne en onglet.
Voici mon problème. J'ai trois onglet 1 Qui est là? ou je veut voir que les membres connectés et les statistiques; un autre: Groupes ou je veux voir les groupes mais j'arrive pas à centrer et la couleur ne s'applique pas au groupe. Puis je voudrais que tous mon texte soit centrer; avec en dessous un petit texte ou je mettrais recherche: "texte" et pour la dernier onglet je peux le faire seul je pense.

Voici mon tremplate.

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

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<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 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Un système d'onglet en javascript</title>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
    <style type="text/css">
        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
        </style>
</head>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi">
            <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

      

      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_qui">
               
                <span
class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font
color="#000DFF" size="2"><b>Administrateur</b></font></a></span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font
color="#50A303" size="2"><b>Modérateur</b></font></a> </span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font
color="#3EDB00" size="2"><b>Modérateur en test</b></font></a> </span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font
color="#FF0000" size="2"><b>Graphiste</b></font></a></span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font
color="#FF00CC" size="2"><b>Graph' en test</b></font></a></span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font
color="#FFF700" size="2"><b>Codeur HTML, CSS</b></font></a> </span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font
color="#872F00" size="2"><b>Animateur</b></font></a></span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font
color="#EB5E00" size="2"><b>Animateur en test</b></font></a> </span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font
color="#FFA200" size="2"><b>Membre confirmé</b></font></a> </span> <img
src="http://i31.tinypic.com/mugck1.jpg">
<span
class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font
color="#000000" size="2"><b>Membre</b></font></a> </span>
               
            </div>
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                <center><h1>Pour toute demande de partenariat aller dans la partie partenariat</h1></center>
                Pour simplifier la navigation et la diviser en parties
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>
<!-- 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 -->


Et pour voir se que sa donne sur mon forum cliquer ICI


Merci à celui qui va m'aider. (j'ai pris le code de d'un site cliquer ICI et je les modifier comme un grand garçon) Very Happy


Dernière édition par K-Surf le Mar 7 Juin 2011 - 9:48, édité 1 fois

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 13:23

Bonjour,

J'ai commencé à faire quelques modifications dans votre template. Je n'ai pas intégré l'ensemble des modifications que vous souhaitiez mais voyez déjà si cela vous convient éventuellement :

Donc remplacez la totalité de votre template par celui-ci :

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 -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Un système d'onglet en javascript</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
        <style type="text/css">
            .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;
text-align: center;
font-color: #DDDDD;
            }
          .contenu_onglet
            {
                    background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;

            }
            ul
            {
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:-10px
            }
            h1
            {
                    margin:0px;
                    padding:0px;
            }
            </style>
    </head>
    <body>
            <div class="systeme_onglets">
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
            </div>
            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>
      <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
   
      <tr>
       
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_qui">
                 
                  <center> <span
    class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font
    color="#000DFF" size="2"><b>Administrateur</b></font></a></span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font
    color="#50A303" size="2"><b>Modérateur</b></font></a> </span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font
    color="#3EDB00" size="2"><b>Modérateur en test</b></font></a> </span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font
    color="#FF0000" size="2"><b>Graphiste</b></font></a></span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font
    color="#FF00CC" size="2"><b>Graph' en test</b></font></a></span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font
    color="#FFF700" size="2"><b>Codeur HTML, CSS</b></font></a> </span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font
    color="#872F00" size="2"><b>Animateur</b></font></a></span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font
    color="#EB5E00" size="2"><b>Animateur en test</b></font></a> </span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"><a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font
    color="#FFA200" size="2"><b>Membre confirmé</b></font></a> </span> <img
    src="http://i31.tinypic.com/mugck1.jpg">
    <span
    class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font
    color="#000000" size="2"><b>Membre</b></font></a> </span></center>
                 
                </div>
                <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                    <center><h1>Pour toute demande de partenariat aller dans la partie partenariat</h1></center>
                    Pour simplifier la navigation et la diviser en parties
                </div>
            </div>
        </div>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'quoi';
                    change_onglet(anc_onglet);
            //-->
            </script>
    </body>
    </html>
    <!-- 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 -->
Ensuite, cliquez sur l'icône située à côté de "en attente" pour voir si le résultat vous convient ou non et publiez-le le cas échéant.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 13:25

Déjà merci de m'avoir répondu aussi rapidement. Donc déjà les groupes sont enlever de qui est la mais dans l'onglet groupe d'utilisateur les groupes sont toujours sans couleur.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 13:26

Oui, je n'ai pas encore eu le temps de voir comment intégrer la couleur.

Je me repenche là-dessus plus tard.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 13:32

Ok merci

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 15:05

Re,

Je viens de travailler sur les couleurs des groupes. Je ne sais pas si le résultat vous conviendra.

Essayez de remplacer la totalité de votre template par celui-ci :

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 -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Un système d'onglet en javascript</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
        <style type="text/css">
            .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;
text-align: center;
font-color: #DDDDD;
            }
          .contenu_onglet
            {
                    background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;

            }
            ul
            {
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:-10px
            }
            h1
            {
                    margin:0px;
                    padding:0px;
            }
            </style>
    </head>
    <body>
            <div class="systeme_onglets">
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
            </div>
            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>
      <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
 
      <tr>
     
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_qui">
               
                  <center>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
  <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#000000" size="2"><b>Membre</b></font></a></span>
 
 
         
                </div>
                <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                    <center><h1>Pour toute demande de partenariat aller dans la partie partenariat</h1></center>
                    Pour simplifier la navigation et la diviser en parties
                </div>
            </div>
        </div>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'quoi';
                    change_onglet(anc_onglet);
            //-->
            </script>
    </body>
    </html>
    <!-- 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 -->

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 15:40

Parfait mais est ce que on peux enlever les soulignements en dessous des noms de groupes? Regarder ICI. Et entre les nom un petit trait comme ceci: "-"?

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 15:49

Gros problème quand je clique sur l'un des groupes sa me met en page d'accueil.

Edit: Non ok ta changer les adresses oublie sa.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 16:01

Re,

Pour ce faire, essayez de rajouter ceci :
Code:
 a { text-decoration: none; }
dans votre feuille de style CSS.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 16:04

@K-Surf a écrit:

Edit: Non ok ta changer les adresses oublie sa.

Le problème est là en effet, pour parvenir à colorer les groupes, j'ai dû enlever une partie de l'adresse, sinon ça ne prenait pas la couleur. Je n'étais donc pas certaine que le résultat te conviendrait.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 16:11

Bon je vais t’embêter encore plus lol (désoler) cool il y a plus de soulignement mais est possible que quand on passe la souris sa se souligne? (j'apprends le CSS avec toi là donc....) Et je veux mettre en dessous de la liste des groupes.

Code:
[b]Nous recrutons:[/b]
[list]
[*]Des graphistes:
[*] Des codeurs en HTML
[*] Des modérateurs et des animateurs


K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 16:17

@K-Surf a écrit:Bon je vais t’embêter encore plus lol (désoler) cool il y a plus de soulignement mais est possible que quand on passe la souris sa se souligne? (j'apprends le CSS avec toi là donc....) Et je veux mettre en dessous de la liste des groupes.

Code:
[b]Nous recrutons:[/b]
[list]
[*]Des graphistes:
[*] Des codeurs en HTML
[*] Des modérateurs et des animateurs
[/list]


K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 16:22

Bonjour.

Dans votre css, mettez ceci :

Code:
 a:hover { text-decoration: underline; }

Seulement, ce code sera valable pour tous les liens présents sur votre site.
Si vous ne voulez pas de cet effet sur tous vos liens, il faudra apposer une classe spéciale à vos liens.
Dites-nous si ça vous va comme ça.

Ensuite, pour le reste, dans votre template, en dessous du span, ici :

<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr"><font color="#000000" size="2"><b>Membre</b></font></a></span>



</div>

rajoutez :
Code:
<strong>Nous recrutons:</strong>
<ul>
<li>Des graphistes:
</li><li> Des codeurs en HTML
</li><li> Des modérateurs et des animateurs</li></ul>

Comme ceci :


Code:
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#000000" size="2"><b>Membre</b></font></a></span>
 
 <strong>Nous recrutons:</strong>
<ul>
<li>Des graphistes:
</li><li> Des codeurs en HTML
</li><li> Des modérateurs et des animateurs</li></ul>
       
                </div>





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 16:24

Re,

Pour le soulignement au passage de la souris, je ne sais pas du tout comment procéder mais je vais tâcher de me renseigner.

Pour ton rajout, essaie de remplacer ton template par celui-ci :

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 -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Un système d'onglet en javascript</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
        <style type="text/css">
            .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;

            }
          .contenu_onglet_qui
         
text-decoration: none;

 background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;

            }
            ul
            {
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:-10px
            }
            h1
            {
                    margin:0px;
                    padding:0px;
            }
            </style>
    </head>
    <body>
            <div class="systeme_onglets">
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
            </div>
            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>
      <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
 
      <tr>
     
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_qui">
               
                  <center>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
<span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
  <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr"><font color="#000000" size="2"><b>Membre</b></font></a></span></br></br>
  <center><h1><b>nous recrutons</br>*des graphistes </br> *des codeurs en HTML</br> *des modérateurs et des animateurs"<h1></center>
 
         
                </div>
                <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                    <center><h1>Pour toute demande de partenariat aller dans la partie partenariat</h1></center>
                    Pour simplifier la navigation et la diviser en parties
                </div>
            </div>
        </div>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'quoi';
                    change_onglet(anc_onglet);
            //-->
            </script>
    </body>
    </html>
    <!-- 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 -->

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 16:32

Merci maintenant dans partenariat comment faire un défilement vers la gauche (droit à gauche). Voici le bout de code de l'onglet partenariat.

Code:
 <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                        <center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

<a href="http://www.addpubforumdepub.com/forum" target="_blank">
<img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a 
<a href="http://pubparty.forumgratuit.org/" target="_blank">
<img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
<a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
<a href="http://friendspub.forumactif.com/" target="_blank">
<img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a>

                    </div>
                </div>
            </div>

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 16:33

Lydie1 a écrit:Re,
Pour le soulignement au passage de la souris, je ne sais pas du tout comment procéder mais je vais tâcher de me renseigner.


Lixyr Yrna a écrit:Bonjour.

Dans votre css, mettez ceci :
Code:
 a:hover { text-decoration: underline; }

Seulement, ce code sera valable pour tous les liens présents sur votre site.
Si vous ne voulez pas de cet effet sur tous vos liens, il faudra apposer une classe spéciale à vos liens.
Dites-nous si ça vous va comme ça.


le hover permet de définir quelque chose au passage de la souris, ici, les liens notamment (définis, par le "a")





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Invité le Dim 5 Juin 2011 - 16:34

Merci pour cette explication, Lixyr Irna.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 16:37

Je t'en prie. Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 16:39

Pour mon défilement? Et pour les deux dernier onglet pourrait ton mettre un tableau pour définir? une bordure quoi.

Voici mon trenplate index_body actuel:

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 -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Un système d'onglet en javascript</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
        <style type="text/css">
            .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;

            }
          .contenu_onglet_qui
       
text-decoration: none;
}
 background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;

            }
            ul
            {
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:-10px
            }
            h1
            {
                    margin:0px;
                    padding:0px;
            }
            </style>
    </head>
    <body>
            <div class="systeme_onglets">
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
            </div>
            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>
      <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
 
      <tr>
   
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_qui">
                 
                      <center>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
      <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font color="#000000" size="2"><b>Membre</b></font></a></span>
<br>
<br>
<br>
<br>
Nous recrutons:
<ul>
<li>Des graphistes:
</li><li> Des codeurs en HTML
</li><li> Des modérateurs et des animateurs</li></ul>
 

           
                    </div>
                    <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                        <center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

<a href="http://www.addpubforumdepub.com/forum" target="_blank">
<img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a 
<a href="http://pubparty.forumgratuit.org/" target="_blank">
<img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
<a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
<a href="http://friendspub.forumactif.com/" target="_blank">
<img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a>

                    </div>
                </div>
            </div>
            <script type="text/javascript">
                //<!--
                        var anc_onglet = 'quoi';
                        change_onglet(anc_onglet);
                //-->
                </script>
        </body>
        </html>
        <!-- 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 -->

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 16:46

Il y a un bug quand je re load la page sa brouille les trois onglet et sa redeviens en ordre après avoir cliquer sur les trois onglets.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 16:54

Évite de poster deux messages à la fois ... ça perturbe un peu.

Alors pour le défilement, il faut rajouter ceci :

Code:
<marquee onmouseover="this.stop();" onmouseout="this.start();"> LE CONTENU</marquee>


comme ceci :

Code:
  <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                            <center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

  <marquee onmouseover="this.stop();" onmouseout="this.start();">  <a href="http://www.addpubforumdepub.com/forum" target="_blank">
    <img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a
    <a href="http://pubparty.forumgratuit.org/" target="_blank">
    <img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
    <a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
    <a href="http://friendspub.forumactif.com/" target="_blank">
    <img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a>
</marquee>
                        </div>
                    </div>
                </div>

(un petit tuto qui explique tout ça)


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

ensuite pour le cadre, il dépend de l'apparence que vous voulez lui donner, mais sinon, c'est comme ceci :

<table style="border:1px solid black;">
<tr><td> VOTRE CONTENU
</td></tr></table>

seules les valeurs en vert sont modifiables.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 18:05

Ok merci beaucoup pour vos aides je regarde si j'ai d'autre probleme je posterais.

EDIT: j'ai toujours mon bug

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 19:35

Tu pourrais reposter ton template en entier, avec tes toute dernières modifications ?
Je vais régler ça.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Dim 5 Juin 2011 - 19:46

Voila mon tremplate:

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 -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Un système d'onglet en javascript</title>
        <script type="text/javascript">
            //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->
            </script>
        <style type="text/css">
            .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;

            }
          .contenu_onglet_qui
       
text-decoration: none;
}
 background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;

            }
            ul
            {
                    margin-top:0px;
                    margin-bottom:0px;
                    margin-left:-10px
            }
            h1
            {
                    margin:0px;
                    padding:0px;
            }
            </style>
    </head>
    <body>
            <div class="systeme_onglets">
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
            </div>
            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="2" height="28">
          <!-- BEGIN switch_viewonline_link -->
          <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
          <!-- END switch_viewonline_link -->

          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle">{L_WHO_IS_ONLINE}</span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>
      <tr>
          <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
 
      <tr>
   
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                <!-- BEGIN switch_chatbox_popup -->
                <div id="chatbox_popup"></div>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>
                <!-- END switch_chatbox_popup -->
            </span>
          </td>
      </tr>
      <!-- END switch_chatbox_activate -->
    </table>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_qui">

                    <br>
<br>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
    <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
      <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font color="#000000" size="2"><b>Membre</b></font></a></span>
<br>
<br>
Nous recrutons:
<ul>
<li>Des graphistes:
</li><li> Des codeurs en HTML
</li><li> Des modérateurs et des animateurs</li></ul>
 

           
                    </div>
                    <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                      <center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

<table><marquee onmouseover="this.stop();" onmouseout="this.start();">  <a href="http://www.addpubforumdepub.com/forum" target="_blank">
    <img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a
    <a href="http://pubparty.forumgratuit.org/" target="_blank">
    <img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
    <a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
    <a href="http://friendspub.forumactif.com/" target="_blank">
    <img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a></table>
</marquee>

                    </div>
                </div>
            </div>
            <script type="text/javascript">
                //<!--
                        var anc_onglet = 'quoi';
                        change_onglet(anc_onglet);
                //-->
                </script>
        </body>
        </html>
        <!-- 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 -->

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Dim 5 Juin 2011 - 22:23

Bon alors, déjà dans votre code y a pas mal de choses qu'il faut savoir :

- le code css doit se trouver dans la partie feuille de style css et non pas dans le template


1) Donc, vous retirez toute la partie css :

Code:
  .onglet
                {
                        display:inline-block;
                        margin-left:3px;
                        margin-right:3px;
                        padding:3px;
                        border:1px solid black;
                        cursor:pointer;
                }
                .onglet_0
                {
                        background:#bbbbbb;
                        border-bottom:1px solid black;
                }
                .onglet_1
                {
                        background:#dddddd;
                        border-bottom:0px solid black;
                        padding-bottom:4px;

                }
              .contenu_onglet
          {
    text-decoration: none;
        background-color:#dddddd;
                        border:1px solid black;
                        margin-top:-1px;
                        padding:5px;
                        display:none;

                }
                ul
                {
                        margin-top:0px;
                        margin-bottom:0px;
                        margin-left:-10px
                }
                h1
                {
                        margin:0px;
                        padding:0px;
                }

et vous la mettez dans la partie css
(panneau d'administration >> affichage >> feuille de style css)

(vous feriez bien mieux de reprendre le code que j'ai mis ci-dessus car vous avez une parenthèse mal placée dans le votre, et vous avez commis une erreur dans le css qui empêchait l'affichage correct des onglets : .contenu_onglet_qui ça ne marche pas ! )



2) et vous retirez de votre code tout ce que je vais mettre en rouge dans la partie restante :

(ne vous trompez pas)


<!-- BEGIN disable_viewonline -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>

<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
<style type="text/css">
ICI ETAIT LE CSS QUI DOIT ETRE PLACE DANS LA FEUILLE DE STYLE CSS

</style>

</head>
<body>

<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->

<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}

{TOTAL_USERS}

{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

{RECORD_USERS}



{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}

<tr>

</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}

<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
</div>
<div class="contenu_onglet" id="contenu_onglet_qui">

<br>
<br>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
<span class="groupes"> <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font color="#000000" size="2"><b>Membre</b></font></a></span>
<br>
<br>
Nous recrutons:
<ul>
<li>Des graphistes:
</li><li> Des codeurs en HTML
</li><li> Des modérateurs et des animateurs</li></ul>



</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

<table><marquee onmouseover="this.stop();" onmouseout="this.start();"> <a href="http://www.addpubforumdepub.com/forum" target="_blank">
<img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a
<a href="http://pubparty.forumgratuit.org/" target="_blank">
<img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
<a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
<a href="http://friendspub.forumactif.com/" target="_blank">
<img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a></table>
</marquee>


</div>
</div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>

<!-- END disable_viewonline -->


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


et ensuite, il y avait quelques erreurs dans le code, comme par exemple, le table qui se trouvait avant la fermeture du marquee, mais sinon, ça va :


3) Finalité de tout ceci ::


  • Alors au final vous avez dans votre template ceci :


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

                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                      <!-- BEGIN switch_delete_cookies -->
                     
<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 -->
     
            <script type="text/javascript">
                //<!--
                        function change_onglet(name)
                        {
                                document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                                document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                                document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                                document.getElementById('contenu_onglet_'+name).style.display = 'block';
                                anc_onglet = name;
                        }
                //-->
                </script>
 
                <div class="systeme_onglets">
                <div class="onglets">
                    <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Qui est là?</span>
                    <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Groupes d'utilisateurs</span>
                    <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Partenariat</span>
                </div>
                <div class="contenu_onglets">
                    <div class="contenu_onglet" id="contenu_onglet_quoi">
                    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <td class="catHead" colspan="2" height="28">
              <!-- BEGIN switch_viewonline_link -->
              <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
              <!-- END switch_viewonline_link -->

              <!-- BEGIN switch_viewonline_nolink -->
              <span class="cattitle">{L_WHO_IS_ONLINE}</span>
              <!-- END switch_viewonline_nolink -->
              </td>
          </tr>
          <tr>
              <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
              <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}

              {TOTAL_USERS}

              {NEWEST_USER}</span></td>
          </tr>
          <tr>
              <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

              {RECORD_USERS}

             

              {LOGGED_IN_USER_LIST}</span></td>
          </tr>
          {L_CONNECTED_MEMBERS}
   
          <tr>
     
          </tr>
          <!-- BEGIN switch_chatbox_activate -->
          <tr>
              <td class="row1">
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
              </td>
          </tr>
          <!-- END switch_chatbox_activate -->
        </table>
                    </div>
                    <div class="contenu_onglet" id="contenu_onglet_qui">

                        <br>
    <br>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
          <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font color="#000000" size="2"><b>Membre</b></font></a></span>
    <br>
    <br>
    Nous recrutons:
    <ul>
    <li>Des graphistes:
    </li><li> Des codeurs en HTML
    </li><li> Des modérateurs et des animateurs</li></ul>
   

             
                        </div>
                        <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                          <center><h4>Pour toute demande de partenariat aller dans la partie partenariat</h4></center>

    <table><marquee onmouseover="this.stop();" onmouseout="this.start();">  <a href="http://www.addpubforumdepub.com/forum" target="_blank">
        <img src="http://i88.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a
        <a href="http://pubparty.forumgratuit.org/" target="_blank">
        <img src="http://img709.imageshack.us/img709/1452/logo88x31.png"border="0"></a>
        <a href="http://www.xixi-pub.com" target="_blank"><img src="http://i24.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
        <a href="http://friendspub.forumactif.com/" target="_blank">
        <img src="http://i88.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a>
  </marquee></table>

                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    //<!--
                            var anc_onglet = 'quoi';
                            change_onglet(anc_onglet);
                    //-->
                    </script>
            </body>
            </html>
            <!-- 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 -->

  • et dans votre feuille de style css ceci :


Code:
 .onglet
                {
                        display:inline-block;
                        margin-left:3px;
                        margin-right:3px;
                        padding:3px;
                        border:1px solid black;
                        cursor:pointer;
                }
                .onglet_0
                {
                        background:#bbbbbb;
                        border-bottom:1px solid black;
                }
                .onglet_1
                {
                        background:#dddddd;
                        border-bottom:0px solid black;
                        padding-bottom:4px;

                }
              .contenu_onglet
          {
    text-decoration: none;
        background-color:#dddddd;
                        border:1px solid black;
                        margin-top:-1px;
                        padding:5px;
                        display:none;

                }
                ul
                {
                        margin-top:0px;
                        margin-bottom:0px;
                        margin-left:-10px
                }
                h1
                {
                        margin:0px;
                        padding:0px;
                }

et un affichage correct.


Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Lun 6 Juin 2011 - 14:01

Sa marche merci beaucoup

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Lun 6 Juin 2011 - 14:02

Je t'en prie. D'autres questions ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Lun 6 Juin 2011 - 16:33

Bonjour donc j'aimerais encadrer dans la partie groupe d'utilisateur dans les onglet faire un cadre blanc qui entoure les groupes et un autres en dessous qui en cadre nous recrutons....à des animateurs.

L'adresse de mon forum:
http://tuto-graphisme.forumactif.fr/

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par Lixyr le Lun 6 Juin 2011 - 16:41

Il suffit de rajouter un cadre comme ceci :

Code:
<table style="border:1px solid black;"><tr><td><span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g1-administrateurs"><font color="#000DFF" size="2"><b>Administrateurs</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g2-moderateurs"><font color="#50A303 " size="2"><b>Modérateurs</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g8-moderateurs-en-test"><font color="#3EDB00" size="2"><b>Modérateurs-en-test</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g6-graphistes"><font color="#FF0000 " size="2"><b>Graphistes</b></font></a></span>
        <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g7-graph-en-test"><font color="#FF00CC " size="2"><b>Graph-en-test</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g10-codeur-HTML-css"><font color="#FFF700 " size="2"><b>Codeur-HTML-css</b></font></a></span>
          <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g5-animateur"><font color="#872F00 " size="2"><b>Animateur</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g9-animateur-en-test"><font color="#EB5E00 " size="2"><b>Animateur-en-test</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g3-membre-confirme"><font color="#FFA200 " size="2"><b>Membre-confirme</b></font></a></span>
            <span class="groupes">  <a href="http://tuto-graphisme.forumactif.fr/g11-membre"><font color="#000000" size="2"><b>Membre</b></font></a></span></td></tr></table>

et aussi :

Code:
<table style="border:1px solid black;"><tr><td>Nous recrutons:
    <ul>
    <li>Des graphistes:
    </li><li> Des codeurs en HTML
    </li><li> Des modérateurs et des animateurs</li></ul></td></tr></table>

avec ce code :

<table style="border:1px solid black;">
<tr>
<td>
le contenu
</td>
</tr>
</table>

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne

Message par K-Surf le Lun 6 Juin 2011 - 17:01

A merci je regarde si j'ai d'autre truc à demander.

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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