Qui est en ligne

par K-Surf 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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

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

par Invité 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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

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

par K-Surf 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.

par Invité 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

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

Ok merci

par Invité 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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

Cordialement

par K-Surf 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: "-"?

par K-Surf 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.

par Invité 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

par Invité 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

par K-Surf 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

par K-Surf 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]

par **Lixyr** 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>

par Invité 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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

Cordialement

par K-Surf 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>

par **Lixyr** 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")

par Invité Dim 5 Juin 2011 - 16:34

Merci pour cette explication, Lixyr Irna.

par **Lixyr** Dim 5 Juin 2011 - 16:37

Je t'en prie. Smile

par K-Surf 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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

par K-Surf 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.

par **Lixyr** 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.

par K-Surf 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

par **Lixyr** Dim 5 Juin 2011 - 19:35

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

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

Voila mon tremplate:

Code:: {JAVASCRIPT}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <!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"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

par **Lixyr** 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)

<!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">
//
</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">

<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>



<span class="cattitle">{L_WHO_IS_ONLINE}</span>

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

<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}


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

</span>
</td>
</tr>

</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="https://i.servimg.com/u/f88/11/28/75/53/bouton10.gif"border="0"></a
<a href="http://pubparty.forumgratuit.org/" target="_blank">
<img src="https://2img.net/r/ihimizer/img709/1452/logo88x31.png"border="0"></a>
<a href="http://www.xixi-pub.com" target="_blank"><img src="https://i.servimg.com/u/f24/14/04/83/06/88311110.jpg"></a>
<a href="http://friendspub.forumactif.com/" target="_blank">
<img src="https://i.servimg.com/u/f88/14/28/91/23/logo8810.jpg"border="0"></a></table>
</marquee>

</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>
</html>

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

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}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <script type="text/javascript"> // </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">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</span>  </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>  <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}  <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>  </span> </td> </tr>  </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"> // </script> </body> </html>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  {AUTO_DST}  <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>

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.

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

Sa marche merci beaucoup

par **Lixyr** Lun 6 Juin 2011 - 14:02

Je t'en prie. D'autres questions ?

par K-Surf 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/

par **Lixyr** 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>

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

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

Qui est en ligne

Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne

Re: Qui est en ligne