Sujets similaires

Bonjour,
Pour commencer voici mon forum : http://worldlegionpokemon.forumgratuit.org/
Voici mon problème je voudrai rajouter un Onglet ou il y aurait la Chat Box dans mon quel que voici Wink

Spoiler:

Donc j'ai testé plusieurs chose j'y suis presque arrivé mais non donc je demande votre aide Very Happy

Voici mon Template index_body :

Code:: {JAVASCRIPT}

<div class="accueil">
<table class="forumline2" 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>

</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" scope="{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">


<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" scope="{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>



<center><div style="align: center">
<div id="menu_onglet">
<div class="conteneur-menu">

<ul class="onglets">
<li><a href="#">Statistiques WLP</a></li>
<li><a href="#">Qui est en ligne ?</a></li>
<li><a href="#">Anniversaires</a></li>
<li><a href="#">Groupes d'utilisateurs</a></li>
<li><a href="#">Des infos en plus</a></li> </ul>

<div class="conteneur-ouvrir">

<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="20%" align="center">
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
</td>

<td class="cellule_1" width="60%" align="left" valign="top">
<div style="float:right; margin-left: 6px;">
</div>
<span class="gensmall" style="color: #FFFFFF;"> <span id="Poke"> {TOTAL_POSTS}
<script type="text/javascript">document.getElementById('Poke').innerHTML=document.getElementById ('Poke').innerHTML.replace(/Nos membres ont posté un total de/,"On ne chôme pas ici, puisque nous avous déjà");</script>

<br> <span id="totalu"> {TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Nous avons au total ");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"Pokémaniac enregistré");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"Pokémaniac enregistrés");</script>
</span><br />
<div style="text-align:center;">-----------------------------------------------------------------------------</div>

<div style="float: left; margin-right: 5px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/243.png" border="0" />
</div>

<span class="gensmall" style="color: #FFFFFF !important;"><span id="GAGA"> {NEWEST_USER}
<script type="text/javascript">document.getElementById('GAGA').innerHTML=document.getElementById ('GAGA').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le derniers Pokémaniac qui a franchi nos portes est");</script></span>

<div class="texte_1" style="color: #FFFFFF!important;" >Bienvenue à toi et bon forum parmi nous !</div>

<td class="cellule_1" width="20%" align="center" valign="top">
</div>
</div>
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td class="cellule_1">
<span class="titre_4"> Pokélà ?</span> <br />
<div style="float:right; margin-left: 10px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/homme-10.png" />
</div>
<span class="gensmall" > <span id="JOJO"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateur en ligne/,"personne en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateurs en ligne/,"personnes en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Enregistré/,"Pokémaniac");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invisible et/,"Fantôme et");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invité/,"Touriste");</script> </span>
<br><span id="KIKI"> {RECORD_USERS} <br />
<script type="text/javascript">document.getElementById('KIKI').innerHTML=document.getElementById ('KIKI').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record de personnes en ligne est de ");</script> </span>
<span id="OAOA"> {LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('OAOA').innerHTML=document.getElementById ('OAOA').innerHTML.replace(/Utilisateurs enregistrés /,"Pokémaniacs enregistrés");</script> </span></span>
</td>
</tr>
<tr>
<td>
<div>
<table class="table_1"></table> {L_CONNECTED_MEMBERS}

</div>
</td>
</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1">
<div style="float:right; margin-left: 6px;">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/malofa10.png" />
</div>
<span class="titre_4">PokéStar</span>

<div style="height: 100px !important; overflow-y: auto !important; padding: 5px; color:#1900FE!important;">
<table border="0" cellspacing="2" cellpadding="2">
{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}
</table>
</div>
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="85%">
<span class="gensmall">{GROUP_LEGEND}
</span>
</div>
</td>

<td class="cellule_1" width="15%">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/togepi10.png" border="0" />
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="33%">
<span class="titre_4" >Les Projets</span>
<p> Ils sont la source de toute nouveauté : demande à un Admin de pouvoir poster ton projet sérieux, il sera peut-être validé ?
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Les News</span>
<p> Sur WLP tu as toutes les dernières infos ! A toi les mises à jour utiles, sans oublier de remercier les Newseurs
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Distibutions</span>
<p> Et OUI : WLP fais des distributions, grâce à nos Distrib'Hunters préférés ! Sans eux, la donne n'existerait pas ! :D
</p>
</td>

</tr>
<tr>
<td class="cellule_1" colspan="3">
<span class="titre_4" >Les Chefs</span>
<p> Il en faut bien ! Les Admin et les Modos sont à ton écoute, mais tu dois aussi les respecter (bin oui, c'est les chefs !) En tout cas, ils s'unissent pour te souhaiter le meilleur sur WLP !
</p>
</td>
</tr>
</table>

</div>
</div>

</div>
</div>


{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,
oauth: true
});
//]]>
</script>

Et mon CSS la partit QUEL

Code:: /* Debut qeel themes-fa */
/* Est le bloc principal */
#menu_onglet {
width: 760px;
margin: 10px auto;
}

/* bloc contenant tout le menu */
.conteneur-menu {
font: 12px Verdana;
width: 760px;
background: #211E1E bottom;
border: 1px solid #555555;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 3px 3px 5px #000000;
-webkit-box-shadow: 3px 3px 5px #000000;
box-shadow: 3px 3px 5px #000000;
margin: 0;
padding: 0;
}
/* liste */
ul.onglets {
width:760px;
margin: 0;
padding: 0;
}
/* element de liste */
.conteneur-menu .onglets li {
list-style: none;
float: left;
margin: 0;
padding: 0;
}
/* onglet à l'état normal */
.conteneur-menu .onglets li a {
font: 12px Arial;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #FFFFFF ;
display: block;
width: 150px;
margin: 0;
padding: 7px 0;
-moz-text-shadow: 1px 1px 1px #000000;
-webkit-text-shadow: 1px 1px 1px #000000;
text-shadow: 1px 1px 1px #000000;
background: #211E1E repeat-x bottom;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
}
/* onglet au survol */
.conteneur-menu .onglets li a:hover {
color: #FFA500;
outline: none !important;
}
/* pour ceux navigant au clavier */
.conteneur-menu .onglets li a:focus {
outline: none;
}
/* onglet à l'état actif */
.conteneur-menu .onglets li a.active {
background: #545454 repeat-x bottom;
color: #FFFFFF;
border-bottom: 1px solid #000000;
}
.conteneur-ouvrir {
padding: 25px 6px 6px 6px;
display: none;
margin: 0;
}
/* partie que vous allez remplir */
.ton_contenu {
color: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 0;
}
/* Configuration cellule */
.cellule_1 {
padding: 7px;
border: 1px solid #555555;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cellule_1 .gensmall {
color: #FFFFFF ;
}
/* Les titres */
.titre_4 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #183e9e;
margin-bottom: 5px;
}
.table_1 td.row1 {
border: 1px solid #555555 !important;
padding: 5px;
}
.table_1 a, .table_1 a:active, .table_1 a:link, .table_1 a:visited {
color: #FF0000 !important;
}
.table_1 .gensmall {
color: #FFFFFF!important;
}

Merci d'avance de votre Wink

Si vous faut d'autre explication demandez Very Happy

Bonjour, ça manque un peu de précision et en principe si tu as réussi à te créer un QEEL de cette forme tu devrais savoir comment créer un onglet supplémentaire mais bon @_@

Pour rajouter un onglet dans la liste, repère cette partie :

Code:: <ul class="onglets">
<li><a href="#">Statistiques WLP</a></li>
<li><a href="#">Qui est en ligne ?</a></li>
<li><a href="#">Anniversaires</a></li>
<li><a href="#">Groupes d'utilisateurs</a></li>
<li><a href="#">Des infos en plus</a></li> </ul>

Je te laisse deviner tout seul ce qu'il faut faire x)

Et pour rajouter un contenu supplémentaire, ça risque d'être difficile parce que le reste du code est méga buggué (la moitié des balises ne sont pas fermées), du coup je te laisse le nettoyer pour que ça soit propre @_@

Enfin dans la pratique faut rajouter un truc de ce genre au bon endroit :

Code::    <div class="conteneur-ouvrir">
<div class="ton_contenu">
         {CHATBOX_BOTTOM}
      </div>
   </div>

(Mais là encore il y a tellement de balises croisées et de balises manquantes que corriger reviendrait à tout refaire nous même, et c'est clairement pas notre boulot)

Coucou,
Merci Christa de ton aide Wink

J'ai réussis à faire un onglet Chat Box j'ai problème maintenant pour la Chat Box que je vais vous expliquez en image Smile

Spoiler:

Ici on vois mon quel et je suis position sur un autre onglet mais ma Chat Box et en bas

Spoiler:

Ici je suis sur l’onglet Chat Box comme il est vide la Chat Box c'est situé au-dessus.

Donc ma question est que il est possible d'enlever la chat Box de l'image 1. pour la situé dans l'onglet chat box ?
Explication en image Wink

:

Spoiler:

Voilà j'espère que cela est plus claire pour vous sinon voici le template et le CSS en entier Smile

CSS :

Code:: /* TITRE */
.content_TFA_cycle h1{
font: 20px Verdana;
font-weight:normal ;
font-style: italic;
color : #20aec8;
}
/* PARAGRAPHE */
.content_TFA_cycle p{
font: 12px Arial;
color : #fff;
}
/* LIENS */
.content_TFA_cycle .lien_bas a{
font: 16px Arial;
color : #20aec8;
letter-spacing: 1px;
}
/* LIENS AU SURVOL */
.content_TFA_cycle .lien_bas a:hover{
font-style: italic;
}

/* LE CONTENEUR PRINCIPAL */
#tout{
background: transparent;
width: 737px; /* largeur de fond-TFA_cycle + largeur des boutons "avant - apres" */
height: 267px; /* hauteur de fond-TFA_cycle + hauteur des boutons "play - pause" */
margin: 0 auto;
padding: 0;
}
/* POSITION DES BOUTONS AVANT-APRES */
.avant{
float: left;
width: 43px;
margin: 0;
padding: 0;
vertical-align: middle;
margin-top: 80px;
}
.apres{
float: right;
width: 43px;
margin: 0;
padding: 0;
margin-top: 80px;
}

/* LE FOND DU SLIDE */
.pics{
background: transparent;
}
#fond-TFA_cycle{
background: url(http://i65.servimg.com/u/f65/11/95/30/70/166.png) no-repeat transparent;
width: 651px;
height: 242px;
margin: 0 auto;
padding: 0;
overflow: hidden;
position:relative;
}
#fond-TFA_cycle p{
background: transparent;
}
/* LE CONTENU */
.content_TFA_cycle{
width: 630px;
height: 230px;
background: transparent;
color : #fff;
padding: 5px;
text-shadow: 1px 1px 2px #000;
margin: auto;
background: none !important;
text-align: left;
}

/* STYLE DES IMAGES */
.TFA_Image{
float: left;
width: 200px;
height: 200px;
margin: 15px 10px 0 10px;
border: 2px solid #141414;
}
.image_2{
border: 2px solid #272727;
margin-right: 5px;
}

/* POSITION DES BOUTONS PLAY ET PAUSE */
#bottom_TFA{
float: right;
width: 50%;
height: 25px;
margin: 0;
margin-top: -2px;
padding: 0;
text-align: right;
margin-right: 130px;
}

/* POINTEUR SUR TOUS LES BOUTONS D ACTIONS */
#avant, #apres, #pause, #play{
cursor: pointer;
}

/* titre des forums */

a.forumlink {
color:#fda564;
letter-spacing: 2px;
text-align:center;
font-size:12px;
display:block;
margin-bottom: 0px;
padding-bottom: 0px;
}

a.forumlink:hover {
color: #f8b25f;
letter-spacing: 4px;
}

/* la partie qui renferme le tout */

.le_tout{
background-color:#292525;
vertical-align: middle;
-moz-border-radius:60px 0px 60px 0px;
-webkit-border-radius: 60px 0px 60px 0px;
border-radius:60px 0px 60px 0px;
margin:0px;
padding: 6px;
border:2px solid #c8c092;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* le titre des forums */

.titre_forum{
background-image: url("http://i46.servimg.com/u/f46/17/06/35/90/beauti10.png");
padding: 2px 0px 6px 0px;
margin-left:40px;
margin-right:40px;
margin-top: 0px;
margin-bottom: 0px;
border:2px solid #c8c092;
border-bottom : 0px solid #c8c092;
border-top: 1px solid #c8c092;
border-radius: 60px 60px 0px 0px;
-webkit-border-radius-topleft:60px;
-webkit-border-radius-topright:60px;
-moz-border-radius-topleft:60px;
-moz-border-radius-topright:60px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* la description du forum */

.description_forum{
position: Inherit;
background: #1d1d1c;
background-image: url("http://i46.servimg.com/u/f46/17/06/35/90/beauti10.png");
margin-left: 15px;
margin-top:-6px;
padding: 5px;
border: 1px dotted #c8c092;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* derniers sujets */

.sujets_messages{
background-image: url("http://i46.servimg.com/u/f46/17/06/35/90/beauti10.png");
-moz-border-radius: 20px 20px 0px 0px ;
-webkit-border-radius: 20px 20px 0px 0px ;
border-radius:20px 20px 0px 0px ;
border:1px solid #c8c092;
border-bottom:0px solid white;
color:#c8c092 !important;
padding: 2px 8px 2px 8px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/* derniers messages */

.dernier_messages{
background-image: url("http://i46.servimg.com/u/f46/17/06/35/90/beauti10.png");
-moz-border-radius:0px 0px 20px 20px;
-webkit-border-radius:0px 0px 20px 20px;
border-radius:0px 0px 20px 20px;
border:1px solid #c8c092;
border-top:0px solid white;
color:#c8c092 !important;
padding: 2px 8px 2px 8px;
}

/* liens des sous-forums */

.lien_du_bas{
background-image: url("http://i46.servimg.com/u/f46/17/06/35/90/beauti10.png");
background-color:#181b1b;
display:block;
text-align:center;
margin-top:-2px;
border:2px solid #c8c092;
border-top:0px solid #c8c092;
margin-left:20px;
margin-right:100px;
font-family:georgia;
font-size:11px;
color:#c8c092;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
-webkit-border-radius: 0px 0px 40px 40px;
padding:2px;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
box-shadow: 0px 0px 6px #000;
}

/*Arrondie Catégorie*/
.forumline
{
padding: 5px;
-webkit-border-radius:5px;
-border-radius:5px;
-khtml-border-radius:5px;
border-radius:20px;
-moz-box-radius:5px 5px 5px #FFFFFF;
-webkit-box-radius :5px 5px 5px #FFFFFF;
}

/* Debut qeel themes-fa */
/* Est le bloc principal */
#menu_onglet {
width: 912px;
margin: 10px auto;
}

/* bloc contenant tout le menu */
.conteneur-menu {
font: 12px Verdana;
width: 912px;
background: #211E1E bottom;
border: 1px solid #555555;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 3px 3px 5px #000000;
-webkit-box-shadow: 3px 3px 5px #000000;
box-shadow: 3px 3px 5px #000000;
margin: 0;
padding: 0;
}
/* liste */
ul.onglets {
width: 912px;
margin: 0;
padding: 0;
}
/* element de liste */
.conteneur-menu .onglets li {
list-style: none;
float: left;
margin: 0;
padding: 0;
}
/* onglet à l'état normal */
.conteneur-menu .onglets li a {
font: 12px Arial;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #FFFFFF ;
display: block;
width: 150px;
margin: 0;
padding: 7px 0;
-moz-text-shadow: 1px 1px 1px #000000;
-webkit-text-shadow: 1px 1px 1px #000000;
text-shadow: 1px 1px 1px #000000;
background: #211E1E repeat-x bottom;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
}
/* onglet au survol */
.conteneur-menu .onglets li a:hover {
color: #FFA500;
outline: none !important;
}
/* pour ceux navigant au clavier */
.conteneur-menu .onglets li a:focus {
outline: none;
}
/* onglet à l'état actif */
.conteneur-menu .onglets li a.active {
background: #545454 repeat-x bottom;
color: #FFFFFF;
border-bottom: 1px solid #000000;
}
.conteneur-ouvrir {
padding: 25px 6px 6px 6px;
display: none;
margin: 0;
}
/* partie que vous allez remplir */
.ton_contenu {
color: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 0;
}
/* Configuration cellule */
.cellule_1 {
padding: 7px;
border: 1px solid #555555;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cellule_1 .gensmall {
color: #FFFFFF ;
}
/* Les titres */
.titre_4 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #183e9e;
margin-bottom: 5px;
}
.table_1 td.row1 {
border: 1px solid #555555 !important;
padding: 5px;
}
.table_1 a, .table_1 a:active, .table_1 a:link, .table_1 a:visited {
color: #FF0000!important ;
}
.table_1 .gensmall {
color: #FFFFFF!important;
}

/*Cadre Mot de Passe */
input {
background: #545454;
border: 1px solid #000;
}

/*Espace largeur catégorie*/
.bodyline {
padding: 30px;
}
/*Espace Barre de nav' et accueil*/
#navigation { margin-bottom: 20px }

/*Retrait des contours*/
.row3Right{
border: none !important;}
.thHead{
border: none !important;}
.thCornerL, .thCornerR, .thTop{
border: none !important;}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;}
.catLeft, .catRight{
border: none! important;}
.catHead{
border: none !important;}
.catBottom{
border: none !important;}

/* Cadre Invisible de l'Accueil */
.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}
.accueil .forumline{
background-color: transparent !important;
border: none !important;
}
.accueil .row1{
background-color: transparent !important;
border: none !important;
}

/*Soulignement Catégorie et Pseudo*/
.dernier_messages a:link {
text-decoration: none !important;
color:#ffffff }

/*Cadre Forum*/
.bodyline {
border: 1px #474747 solid;
-moz-box-shadow: 0 0 65px #474747 inset, 0 0 20px #000000 inset, 0 0 5px #000000;
-webkit-box-shadow: 0 0 65px #474747 inset, 0 0 20px #000000 inset, 0 0 5px #000000;
box-shadow: 0 0 65px #474747 inset, 0 0 20px #000000 inset, 0 0 10px #000000;
border-radius: 35px; }

/*Pokédex*/
table.pokedex
{
font-size: 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
color: #4E4E4E;
}
table.pokedex a {
text-decoration: none;
color: #950A06;
}
table.pokedex tr:hover
{
background-color: #f0f0f0;
}
table.pokedex td
{
border: solid 1px #c4dfea;
}

/*Soulignement du QUEL*/
a { text-decoration: none; }

/*Chat Box*/

#chatbox_footer{
background-color: #707070;
}
.chatbox_row_1{
background-color: #707070;
}

.chatbox_row_2{
background-color: #707070;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: " WLP's Box"; }

/*Profil*/
.profil
{
width: 210px;
margin: auto;
padding: 2px;
background: #474747;
border: 1px dotted #c0c0c0;
text-align: center;
}
.name{
font-size: 14px;
font-variant: small-caps;}

tr.post span.gensmall { display: none; }

/*Citation*/
.quote{
background-color:#707070;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 1px 1px 2px #000000;
display:inline-block;
padding: 3px;
}

/*Code dans les messages*/
.code{
background-color:#707070;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 1px 1px 2px #000000;
display:inline-block;
padding: 3px;
}

/* Spoiler */
.spoiler_closed {
display:block;
line-height: 125%;
background-color:#707070;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 1px 1px 2px #000000;
}
.spoiler_closed.hidden {display:none;}
.spoiler_content {
display:block;
line-height: 125%;
background-color:#707070;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 1px 1px 2px #000000;
display:inline-block;
padding: 3px;
}
.spoiler_content.hidden {display:none;}

Template Index_body

Code:: {JAVASCRIPT}

<div class="accueil">
<table class="forumline2" 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>

</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" scope="{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">


<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" scope="{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>



<center><div style="align: center">
<div id="menu_onglet">
<div class="conteneur-menu">

<ul class="onglets">
<li><a href="#">Statistiques WLP</a></li>
<li><a href="#">Qui est en ligne ?</a></li>
<li><a href="#">Anniversaires</a></li>
<li><a href="#">Groupes d'utilisateurs</a></li>
<li><a href="#">Des infos en plus</a></li>
<li><a href="#">Chat Box</a></li>
</ul>

<div class="conteneur-ouvrir">

<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="20%" align="center">
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
</td>

<td class="cellule_1" width="60%" align="left" valign="top">
<div style="float:right; margin-left: 6px;">
</div>
<span class="gensmall" style="color: #FFFFFF;"> <span id="Poke"> {TOTAL_POSTS}
<script type="text/javascript">document.getElementById('Poke').innerHTML=document.getElementById ('Poke').innerHTML.replace(/Nos membres ont posté un total de/,"On ne chôme pas ici, puisque nous avons déjà");</script>

<br> <span id="totalu"> {TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Nous avons au total ");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"Pokémaniac enregistré");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"Pokémaniac enregistrés");</script>
</span><br />
<div style="text-align:center;">-----------------------------------------------------------------------------</div>

<div style="float: left; margin-right: 5px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/243.png" border="0" />
</div>

<span class="gensmall" style="color: #FFFFFF !important;"><span id="GAGA"> {NEWEST_USER}
<script type="text/javascript">document.getElementById('GAGA').innerHTML=document.getElementById ('GAGA').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier Pokémaniac qui a franchi nos portes est");</script></span>

<div class="texte_1" style="color: #FFFFFF!important;" >Bienvenue à toi et bon forum parmi nous !</div>

<td class="cellule_1" width="20%" align="center" valign="top">
</div>
</div>
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td class="cellule_1">
<span class="titre_4"> Pokélà ?</span> <br />
<div style="float:right; margin-left: 10px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/homme-10.png" />
</div>
<span class="gensmall" > <span id="JOJO"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateur en ligne/,"personne en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateurs en ligne/,"personnes en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Enregistré/,"Pokémaniac");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invisible et/,"Fantôme et");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invité/,"Touriste");</script> </span>
<br><span id="KIKI"> {RECORD_USERS} <br />
<script type="text/javascript">document.getElementById('KIKI').innerHTML=document.getElementById ('KIKI').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record de personnes en ligne est de ");</script> </span>
<span id="OAOA"> {LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('OAOA').innerHTML=document.getElementById ('OAOA').innerHTML.replace(/Utilisateurs enregistrés /,"Pokémaniacs enregistrés");</script> </span></span>
</td>
</tr>
<tr>
<td>
<div>
<table class="table_1"></table> {L_CONNECTED_MEMBERS}

</div>
</td>
</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1">
<div style="float:right; margin-left: 6px;">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/malofa10.png" />
</div>
<span class="titre_4">PokéStar</span>

<div style="height: 100px !important; overflow-y: auto !important; padding: 5px; color:#1900FE!important;">
<table border="0" cellspacing="2" cellpadding="2">
{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}
</table>
</div>
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="85%">
<span class="gensmall">{GROUP_LEGEND}
</span>
</div>
</td>

<td class="cellule_1" width="15%">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/togepi10.png" border="0" />
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="33%">
<span class="titre_4" >Les Projets</span>
<p> Ils sont la source de toute nouveauté : demande à un Admin de pouvoir poster ton projet sérieux, il sera peut-être validé ?
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Les News</span>
<p> Sur WLP tu as toutes les dernières infos ! À toi les mises à jour utiles, sans oublier de remercier les Newseurs
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Distibutions</span>
<p> Et OUI : WLP fait des distributions, grâce à nos Distrib'Hunters préférés ! Sans eux, la donne n'existerait pas ! :D
</p>
</td>

</tr>
<tr>
<td class="cellule_1" colspan="3">
<span class="titre_4" >Les Chefs</span>
<p> Il en faut bien ! Les Admin et les Modos sont à ton écoute, mais tu dois aussi les respecter (bah oui, c'est les chefs !) En tout cas, ils s'unissent pour te souhaiter le meilleur sur WLP !
</p>
</td>
</tr>
</table>
</div>
</div>

</div>
</div>
<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1">
<div style="float:right; margin-left: 6px;">
</div>
<span class="titre_6">CHATBOX</span>

<div style="height: 100px !important; overflow-y: auto !important; padding: 5px; color:#1900FE!important;">

<table border="0" cellspacing="2" cellpadding="2">

</table>
</div>
</td>

</tr>
</table>
</div>
</div>


{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,
oauth: true
});
//]]>
</script>

Merci d'avance de votre aide
Et pour le problème de balise des que je réussis cela je vais essayer de tout corriger correctement Wink

Le problème c'est que tant que le code ne sera pas corrigé moi je ne pourrai pas faire grand chose. Le bug vient essentiellement du fait que c'est le gros bordel et que c'est déjà un miracle si ça marche.

Évidemment, il faut virer le {CHATBOX_BOTTOM} situé ailleurs dans le code, et bien activer l'affichage de la chatbox en bas.

Ok j'essaye de nettoyer cela et je reposte Smile

Merci

EDIT : C'est très compliqué c'est un vrai chantier bon j'ai fait quel que modification, mais ce n'est pas encore ça
j'ai passé toute ma soirée et toute ma mâtiné et début d’après-midi à essayer de corriger donc voici mon template à mon avis il y a encore beaucoup de fautes [Résolu]Rajouter un onglet au QUEL 1779901633

[Résolu]Rajouter un onglet au QUEL 1779901633

Voici mon Template un peu près corriger

Code:: {JAVASCRIPT}

<div class="accueil">
<table class="forumline2" 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>

</table>

</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" scope="{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">


<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" scope="{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>



<div style="align: center">
<div id="menu_onglet">
<div class="conteneur-menu">

<ul class="onglets">
<li><a href="#">Statistiques WLP</a></li>
<li><a href="#">Qui est en ligne ?</a></li>
<li><a href="#">Anniversaires</a></li>
<li><a href="#">Groupes d'utilisateurs</a></li>
<li><a href="#">Des infos en plus</a></li>
<li><a href="#">Chat Box</a></li>
</ul>

<div class="conteneur-ouvrir">

<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="20%" align="center">
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
</td>

<td class="cellule_1" width="60%" align="left" valign="top">
<div style="float:right; margin-left: 6px;">
</div>
<span class="gensmall" style="color: #FFFFFF;"> <span id="Poke"> {TOTAL_POSTS}
<script type="text/javascript">document.getElementById('Poke').innerHTML=document.getElementById ('Poke').innerHTML.replace(/Nos membres ont posté un total de/,"On ne chôme pas ici, puisque nous avons déjà");</script>

<br> <span id="totalu"> {TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Nous avons au total ");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"Pokémaniac enregistré");</script>

<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"Pokémaniac enregistrés");</script>
</span><br />
<div style="text-align:center;">-----------------------------------------------------------------------------</div>

<div>
<div style="float: left; margin-right: 5px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/243.png" border="0" />
</div>
<div>
<span class="gensmall" style="color: #FFFFFF !important;"><span id="GAGA"> {NEWEST_USER}
<script type="text/javascript">document.getElementById('GAGA').innerHTML=document.getElementById ('GAGA').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier Pokémaniac qui a franchi nos portes est");</script></span>

<div class="texte_1" style="color: #FFFFFF!important;" >Bienvenue à toi et bon forum parmi nous !</div>

<td class="cellule_1" width="20%" align="center" valign="top">
</td>

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

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr> <div>
<td class="cellule_1">
<span class="titre_4"> Pokélà ?</span> <br />
<div style="float:right; margin-left: 10px;">
<img src="http://i65.servimg.com/u/f65/11/95/30/70/homme-10.png" />
</div>
<div>
<span class="gensmall" > <span id="JOJO"> {TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Il y a en tout/,"Il y a actuellement");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateur en ligne/,"personne en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/utilisateurs en ligne/,"personnes en ligne");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Enregistré/,"Pokémaniac");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invisible et/,"Fantôme et");</script> </span>
<script type="text/javascript">document.getElementById('JOJO').innerHTML=document.getElementById ('JOJO').innerHTML.replace(/Invité/,"Touriste");</script> </span>
<br><span id="KIKI"> {RECORD_USERS} <br />
<script type="text/javascript">document.getElementById('KIKI').innerHTML=document.getElementById ('KIKI').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de /,"Le record de personnes en ligne est de ");</script> </span>
<span id="OAOA"> {LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('OAOA').innerHTML=document.getElementById ('OAOA').innerHTML.replace(/Utilisateurs enregistrés /,"Pokémaniacs enregistrés");</script> </span></span>
<tr>
<td>
<div>
<table class="table_1"></table> {L_CONNECTED_MEMBERS}

</div>

</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1">
<div style="float:right; margin-left: 6px;">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/malofa10.png" />
</div>
<span class="titre_4">PokéStar</span>

<div style="height: 100px !important; overflow-y: auto !important; padding: 5px; color:#1900FE!important;">
<table border="0" cellspacing="2" cellpadding="2">
{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}
</table>
</div>
</td>

</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="85%">
<span class="gensmall">{GROUP_LEGEND}
<td class="cellule_1" width="15%">
<img src="http://i46.servimg.com/u/f46/17/06/35/90/togepi10.png" border="0" />
</td>
</span>
</td>
</tr>
</table>
</div>
</div>

<div class="conteneur-ouvrir">
<div class="ton_contenu">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>

<td class="cellule_1" width="33%">
<span class="titre_4" >Les Projets</span>
<p> Ils sont la source de toute nouveauté : demande à un Admin de pouvoir poster ton projet sérieux, il sera peut-être validé ?
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Les News</span>
<p> Sur WLP tu as toutes les dernières infos ! À toi les mises à jour utiles, sans oublier de remercier les Newseurs
</p>
</td>

<td class="cellule_1" width="33%">
<span class="titre_4">Distibutions</span>
<p> Et OUI : WLP fait des distributions, grâce à nos Distrib'Hunters préférés ! Sans eux, la donne n'existerait pas ! :D
</p>
</td>

</tr>
<tr>
<td class="cellule_1" colspan="3">
<span class="titre_4" >Les Chefs</span>
<p> Il en faut bien ! Les Admin et les Modos sont à ton écoute, mais tu dois aussi les respecter (bah oui, c'est les chefs !) En tout cas, ils s'unissent pour te souhaiter le meilleur sur WLP !
</p>
</td>
</tr>

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



{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,
oauth: true
});
//]]>
</script>

Voilà à mon avis j'ai encore des fautes, mais dès que je modifie quelque chose tout change donc je voudrais bien un peu d'aide pour voir mes erreurs S.V.P Embarassed

Merci d'avance de votre aide

Coucou,
Je permet de faire un double-poste pour vous dire que j'ai réussis à insérer la Chat Box dans mon onglet :

Spoiler:

Voici mon Template :

Bonjour,

Problème Résolue Merci de votre aide cela peut être Archivé

OK. J'archive.
Mais ça serait sympa, la prochaine fois, de dire comment tu as résolu la question, pour les personnes qui ont suivi ou liront ton sujet plus tard. Cool

Il s'est carrément désinscrit O.o C'est quoi ce délire ???

[Résolu]Rajouter un onglet au QUEL

[Résolu]Rajouter un onglet au QUEL

Sujets similaires

Sujets similaires

Partenaires Or