Qui est en ligne?

[Ami-mimi]

Bonjour, excusez-moi de vous déranger >.< mais voila, jusqu'à présent je me suis toujours débrouillée mais là j'avoue je ne sais pas comment réaliser ce que je veux faire malgré qu'on a abordée plusieurs fois le sujet ici. Et je m'en excuse d'avance TT Mais je ne tiens pas à faire de bêtises sachant que j'ai mis un mois pour coder mon fofo TT

Donc voila je voudrais faire un qui est en ligne en onglet avec un premier onglet (Stats) dans lequel il y aurait les informations concernant le fofo, un second onglet (Last 24 h) avec les membres co au cours des dernières 24 h et un troisième onglet (Groupes) dans lequel il y aurait la liste des groupes écrit et que lorsqu'on passe la souris dessus une image et une description apparait. Si cela est trop dur de réaliser des onglets dans les onglets alors j'ai une autre idée qui est aussi de ne faire que les deux premiers onglets et mettre en dessous du tableau le système du troisième onglet. Pour que vous comprenez mieux je vous ai fais un petit graph. ^^





et l'autre méthode c'est ->



voila...je ne sais pas si c'est quelque chose que quelqu'un acceptera de faire pour moi en tout cas si oui je le remercie énormément d'avance car ça serait formidable car j'avoue que j'ai essayée sur mon fofo de test mais je n'y suis pas parvenue donc je ne préfère rien touchée de plus.... donc si vraiment on peut réaliser cela je serais très très très contente car c'est une idée que j'ai depuis un moment mais que je ne peux réaliser moi-même car les QEEL me font peur >>

Voila j'attend votre réponse avec IMPATIENTE : si vous avez besoin d'autre chose n'hésitez pas à me le dire et sinon je vous remercie d'avance!

A bientôt ^^ merki beaucoup!

[nyly*]

Coucou =D
J'avoue que je suis dans le même cas que toi, dès que tu as une réponse tu pourrais m'expliquer comment on fait?? =D

[Ami-mimi]

Oui bien sûr ^^ si j'en ai une XD mais par contre je doute que tu es le même template que moi car j'ai des onglets sur mon forum c'est juste les onglets du QEEL que je ne parviens pas à réaliser >.<

Mais si quelqu'un répond tu peux prendre la réponse avec mwa pas de soucis^^

[AlexiSonic]

Bonjour,

Mes connaissances sont assez limitées et j'avoue ne pas avoir tout compris, cependant j'ai déjà demandé de l'aide par rapport à un qui est en ligne ici.

Je doute que l'on parle d'onglet et de tout ce qui vous intéresse, mais peut-être trouverez-vous des informations intéressantes ? A part ça, je ne peux que vous recommander d'attendre l'aide de quelqu'un de plus performant que moi.

Bonne chance !

[Ami-mimi]

Bonjour ! =)

Merci beaucoup pour le lien cependant je préfère attendre la réponse de quelqu'un qui pourrait m'aider car oui j'ai déjà essayée de changer mais j'ai pas réussie et oui j'ai pas envie de tout casser alors que j'ai passée un mois sur mes codages xD Cependant merkiii beaucoup ! ^^

[AlexiSonic]

Content d'avoir pu t'aider, du moins en partie... Bonne chance pour la suite !

[Lixyr]

Bonjour.

Apparemment, vous avez déjà des onglets dans votre PA. Il me faudrait le code de ces onglets, que je sache lesquels vous avez utilisés, car dans votre QEEL, vous demandez deux codages d'onglets, et on ne peut évidemment pas utiliser deux mêmes codes pour des onglets, ça ne fonctionne pas.

Ensuite, je serai sûrement apte à vous aider, pour réaliser votre QEEL, car je dois dire que là, je suis assez contente, j'ai des beaux screen retouchés pour m'indiquer ce que je dois faire, je ne coderai donc pas dans le vide n.n .

[Ami-mimi]

Bonjour,

Merci beaucoup de votre réponse. A vrai dire oui je voulais vraiment donnée un bon apperçue pour que vous compreniez bien ce que je souhaite ^^

Donc je vais vous donner mon code de ma PA qui est ->

Code:

  <img src="http://i52.tinypic.com/t5q5c6.png" class="gradualfader">
 <script src="http://dl.free.fr/dzABlLTQM"></script><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://i54.tinypic.com/wa6eer.png" border="0" alt="" /></a></li>
            <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://i52.tinypic.com/nx0xg5.png" border="0" alt="" /></li>
            <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://i52.tinypic.com/2metr4m.png" border="0" alt="" /></li>
            <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://i54.tinypic.com/bfgha8.png" border="0" alt="" /></li>
            <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><img src="http://i56.tinypic.com/2gyd45x.png" border="0" alt="" /></li>
            <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><table border="0"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"></div><div style="margin:auto;text-align:center;width:100%"><img src="http://i55.tinypic.com/2ntk288.png" border="0" alt="" /></div><img src="http://i51.tinypic.com/fyiza9.png"class="gradualfader"></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i52.tinypic.com/2mpcrdl.png" border="0" alt="" /><div style="margin:auto;text-align:center;width:100%"><div class="defilement"><font color="#413A58">*Mangas-Love, un forum qui voyage dans le temps!*</font><br>
Bienvenue à vous sur M-L rpg! Un forum pour tous les amoureux de mangas, en particulier pour les fan de rp. Ici, vous pouvez incarner un personnage mais attention à ce qui se passe derrière vous. En effet le pensionnat à ses secrets et la ville est en recherche de paix. Défendrez-vous la paix? Ou préférez-vous la contrarier? A vous de voir...Alors venez sans plus attendre découvrir ce monde et laissez-vous emporter dans cette magie.<br>
<font color="#413A58">*Mangas-Love, un contexte avec du nouveau! =D*</font><br>
Nara??? C'est une ville du Japon. Elle fût sa capitale entre 710 et 784 et c'est à cet endroit que votre personnage va vivre de superbes aventures! En effet, il sera présent impérativement dans le lycée: Étudiant, civil ou personnel, c'est à vous de choisir. Mais que se passe-t'il exactement dans ce lycée? Une légende de magie y est présente. Et que se passe-t'il en dehors du lycée, une guerre entre le bien et le mal s'abat sur la ville. Pour en savoir plus allez lire: <a href="http://mangas-love.forumsrpg.com/t8-histoire-du-fofo" class="postlink" target="_blank">l'histoire du fow'!</a><br>
-----------------------------------<br>
<font color="#413A58">Les infos & les niouzes:</font><br>
<font color="#A463EB">■■■</font> Ouverture du fofo: 31/12/10 [Profitez du fofo tout bébé et venez nombreux! On a besoin de vous pour le faire grandir^^]<br>
<font color="#E84673">■■■</font> Nombre de lignes mini demandées: Ici sur Mangas-Love, on ne veut pas mettre les membres en difficultés c'est pour cette raison qu'on demande 10 lignes minimum de RP. Si vous êtes vraiment débutant il suffira de le dire à un membre du staff et on pourra réduire pour vous! Car sur M-L on aime aider. ^^<br>
<font color="#0081D7">■■■</font> Votez et RP c'est être récompensé? Hé oui, ici plus vous serez actif, plus vous voterez et plus vous ferez de rp, PLUS votre personnage évoluera! Pour en savoir plus -><br><a href="http://mangas-love.forumsrpg.com/t3-tops-sites-et-recompenses" class="postlink" target="_blank"><font color="#0099FF">[Récompense Vote]</font></a><br><a href="http://mangas-love.forumsrpg.com/t2-rangs-et-points" class="postlink" target="_blank"><font color="#E84673">[Récompense RP]</font></a><br>
<font color="#1C825B">■■■</font> <font color="red">IMPORTANT</font> : Parce que sans lui, le fofo ne serait pas né, venez remercier Jun Kitoni <img src="http://i56.tinypic.com/xgcq6e.gif" border="0" alt="" /> <a href="http://mangas-love.forumsrpg.com/t20-merkiiiiiiiiiiiiiiiiii" class="postlink" target="_blank"><font color="red">ICI</font></a>
<br><font color="#DBFE12">■■■</font><font color="red">NOUVEAU DESIGN MIS EN PLACE LE 03/03/2011</font><br>
----------------------------<br>
Le plus IMPORTANT à ne pas oublier, Amusez-bous bien parmi nous!!! <img src="http://i51.tinypic.com/edno0.gif" border="0" alt="" />
</div><img src="http://i52.tinypic.com/2vnhzbo.png" border="0" alt="" /></div><object width="150" height="50" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><embed src="http://muzicons.com/musicon_v_srv_new.swf" width="150" height="50" menu="false" quality="high"  align="middle" type="application/x-shockwave-flash" flashvars="&nomuz=muzicon%20unavailable&site=http://muzicons.com/&icon_pic=50.png&music_file=http://listen.musicmp3.ru/6730782545368331&bg_color=99ccff&type_of_clip=simple&text_color=FFFFFF&text_message=Valentine&buy_link=http%3A%2F%2Fmusicmp3.ru%2Fartist_avril-lavigne__album_let-go.html%3Fref%3D1708%237" wmode="transparent" menu="false" quality="high"></embed></object><br/></div></td></tr></table><iframe src="http://ishi.hirokache.com/jsclocks/strawberry.html" name="main" width="60" height="37" scrolling="no" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div align="center"><img border="0" alt="" src="http://i56.tinypic.com/2wohq43.png" usemap="#example1" /><map name="example1"><area shape="rect" coords="290,86,316,99" href="http://mangas-love.forumsrpg.com/t9-prevenir-les-admins-en-cas-de-problemes#9" /></map></div>
<table border="0"><tr><td align="left"><div class="infobulle">
    <img src="http://i53.tinypic.com/e6wvhl.jpg" class="gradualfader">
    <div><img src="http://i54.tinypic.com/281rkf9.png" /><br>Une fonda fofolleu<br>&une admin sadique<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=1">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i53.tinypic.com/zmi0jd.png" class="gradualfader">
    <div><img src="http://i55.tinypic.com/9u6c7k.png" /><br>Le sauveur du fofo<br>Super-Jun=le héros<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=2">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i53.tinypic.com/2dlrddu.png" class="gradualfader">
    <div><img src="http://i56.tinypic.com/2qla4yd.png" /><br>Si elle passe ... les<br>fautes trépassent!:p<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=9">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i54.tinypic.com/2hsbvko.png" class="gradualfader">
    <div><img src="http://i53.tinypic.com/2yulm37.png" /><br>Une pom-pom GIRL<br>très très enjouée=D<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=7">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i56.tinypic.com/vnifyo.jpg" class="gradualfader">
    <div><img src="http://i52.tinypic.com/f5buya.png" /><br>Un mi-prof de philo<br>mi-délinquant è__é<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=36">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i51.tinypic.com/b821e1.png" class="gradualfader">
    <div><img src="http://i51.tinypic.com/okvrrk.png" /><br>Une artiste qui en<br>a marre des cours><<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=22">♣ un petit mp?</a> ■</div>
</div></td><td align="left"><div class="infobulle">
    <img src="http://i55.tinypic.com/2lapljc.png" class="gradualfader">
    <div><img src="http://i54.tinypic.com/kf3zty.png" /><br>La vodka c'est...sa<br>vie*.*= Love Story<br>■ <a href="http://mangas-love.forumsrpg.com/privmsg?mode=post&u=8">♣ un petit mp?</a> ■</div>
</div></div></td><td align="left"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTkyNDgxNDEwMzkmcHQ9MTI5OTI*ODE*NzA3NSZwPTE4MDMxJmQ9Jmc9MSZvPWJhZjk2M2Q3ZDhmNTRiZDZhNDhl/YjU*NmJiYmJlOGVl.gif" /><embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=77992796&path=2011/03/02" quality="high" wmode="transparent" flashvars="mycolor=7f95cf&mycolor2=f0f0f0&mycolor3=1f3161&autoplay=false&rand=0&f=4&vol=100&pat=14&grad=false" width="200" height="175" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:200px;height:175px;" /><br><img src="http://i63.servimg.com/u/f63/16/03/30/98/ecoute11.png"</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;"><div align="center"><img border="0" alt="" src="http://i54.tinypic.com/2n6w4yv.png" usemap="#example18" /> <map name="example18">
<area shape="Rect" coords="193,18,509,48" href="http://mangas-love.forumsrpg.com/t1-reglement-forum" />
<area shape="Rect" coords="192,75,509,104" href="http://mangas-love.forumsrpg.com/f14-histoire-du-fofo" />
<area shape="Rect" coords="194,132,511,161" href="http://mangas-love.forumsrpg.com/f6-presentations-des-etudiants-es"/>
<area shape="Rect" coords="192,188,509,217" href="http://mangas-love.forumsrpg.com/f7-presentation-personnel-civils" />
<area shape="Rect" coords="192,242,511,271" href="http://mangas-love.forumsrpg.com/f43-annonces"/>
<area shape="Rect" coords="192,299,510,329" href="http://mangas-love.forumsrpg.com/f2-invites" /></map></div></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><div align="center"><img border="0" alt="" src="http://i53.tinypic.com/mm8j61.png" usemap="#example21" /> <map name="example21">
<area shape="Rect" coords="237,48,278,87" href="http://www.root-top.com/topsite/miya/in.php?ID=1126" />
<area shape="Rect" coords="326,47,369,85" href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=2353" />
<area shape="Rect" coords="238,95,274,129" href="http://www.root-top.com/topsite/raininparadise/in.php?ID=98"/>
<area shape="Rect" coords="331,94,369,131" href="http://www.root-top.com/topsite/lyceerpg/in.php?ID=403" />
<area shape="Rect" coords="238,135,273,180" href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=1103"/>
<area shape="Rect" coords="33,139,369,172" href="http://www.root-top.com/topsite/tsugara/in.php?ID=226" /></map></div></div>
    <div id="co_5" class="mon_contenu" style="display: none;"><div align="center"><table border="0"><tr><td align="left"><img src="http://i56.tinypic.com/2ms3ltc.png" border="0" alt="" /></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><img src="http://i52.tinypic.com/f0nbdk.png" border="0" alt="" /><div style="margin:auto;text-align:center;width:100%"><div class="defilement"><font color="#413A58">*Parce que Mangas-Love ne serait rien sans eux!*</font><br>
Ils sont ici pour nous soutenir et on en fait de même. Parce qu'on aime aider et qu'entre cop's il faut s'entraider. Le forum qui est encore tout bébé attend qu'une chose (avoir pleins de partenaires!) Alors venez vite être copains avec nous ^^<br>
<font color="#413A58">*Qui a le droit d'être nos copains?*</font><br>
Sur Mangas-Love RPG, tout le monde à le droit d'être partenaire avec nous. Autant les membres, que les invités! Autant les petits fofos que les grands! Car plus on est de fous, plus on rit. <br>
<font color="black">-----------------------------------</font><br>
<font color="#413A58">Nos copain's!</font><br>
<a href="http://magic-school.myogame.net/forum.htm" class="postlink" target="_blank"><img src="http://i65.servimg.com/u/f65/13/25/24/73/bouton16.png" border="0" alt="" /></a><a href="http://kobehs.chocoforum.net/" class="postlink" target="_blank"><img src="http://i56.tinypic.com/2gubgvd.png" border="0" alt="" /></a>
<a href="http://aslways.forumactif.fr/" class="postlink" target="_blank"><img src="http://i53.tinypic.com/35n9ap4.jpg" border="0" alt="" /><a href="http://dream-s-pensionnat.chocoforum.com/index.htm" class="postlink" target="_blank"><img src="http://i28.servimg.com/u/f28/14/48/14/99/bouton11.gif" border="0" alt="" /></a><a href="http://shaded-academy.forumactif.org/index.htm" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/6990448031.png" border="0" alt="" /><a href="http://sweet-strawberry.superforum.fr/" class="postlink" target="_blank"><img src="http://i23.servimg.com/u/f23/15/53/29/83/logo111.png" border="0" alt="" /></a><a href="http://welcome-in-madland.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img716.imageshack.us/img716/5991/8831b.png" border="0" alt="" /></a><a href="http://kuro-graph.forumactif.com/" class="postlink" target="_blank"><img src="http://i54.tinypic.com/nzhf1g.png" border="0" alt="" /></a><a href="http://pensionnat-shyzen.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/23992488314.png" border="0" alt="" /></a></a><a href="http://dream-catcher.forumactif.org" class="postlink" target="_blank"><img src="http://imagesup.org/images7/1283876365-dreams-logo-3.gif" border="0" alt="" /></a><a href="http://school-musical.1fr1.net/" class="postlink" target="_blank"><img src="http://img300.imageshack.us/img300/554/minboutis7jx4.gif" border="0" alt="" /></a><a href="http://eternal-dream-rpg.forums-actifs.com/" class="postlink" target="_blank" rel="nofollow"> <img src="http://i78.servimg.com/u/f78/15/38/23/06/logo_b10.jpg" border="0" alt="" /></a><a href="http://naruto-sk.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img10.hostingpics.net/pics/89629688x31.png" border="0" alt="" /></a><a href="http://dreamland.forums-actifs.net/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa15.casimages.com/img/2010/04/29/10042901524663222.gif" border="0" alt="" /></a><a href="http://kaoriyuki-rpg.forumzarbi.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img249.imageshack.us/img249/7646/bouton1.jpg" border="0" alt="" /></a>
<a href="http://vampire.knight.forever.un concurrent.be/index.php" target="_blank"><img src="http://img136.imageshack.us/img136/4071/boutonnewfofofi5.png" border="0" width="88" height="31" alt="VK forever"></a><a href="http://gokusha-no-neko.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/13/90/24/22/bgnn10.png" border="0" alt="" /></a><a href="http://gakuen-toshi.pixforum.net" class="postlink" target="_blank" rel="nofollow"><img src="http://img19.imageshack.us/img19/5792/gtpub1.png" border="0" alt="" /></a><a href="http://yume-no-hikari.forumactif.org/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://i53.tinypic.com/2m463h2.png" border="0" alt="" /></a><a href="http://shitoku.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i39.servimg.com/u/f39/13/49/09/60/bouton12.png" border="0" alt="" /></a><a href="http://pensionnat-aomori.forumactif.com/?tt=1" class="postlink" target="_blank" rel="nofollow"><img src="http://i63.servimg.com/u/f63/16/03/30/98/pensio10.gif" border="0" alt="" /></a><a href="http://pensionnatamagi.frenchboard.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/636630Bouton8831.png" border="0" alt="" /></a><a href="http://master-poke.un concurrent.com/index.php" class="postlink" target="_blank" rel="nofollow"><img src="http://i53.tinypic.com/2lw2nts.png" border="0" alt="" /></a><a href="http://www.hayalounge.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i51.tinypic.com/2w2g9xj.gif" border="0" alt="" /></a><a href="http://opus-luna.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i60.servimg.com/u/f60/13/00/21/61/bouton13.png" border="0" alt="" /></a><a href="http://www.sos-rpg.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i51.tinypic.com/2z3uut2.png" border="0" alt="" /></a><a href="http://loandly-iod.forumactif.org" class="postlink" target="_blank" rel="nofollow"><img src="http://i53.tinypic.com/116nuye.png" border="0" alt="" /></a><a href="http://www.animalcrossingslife.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img818.imageshack.us/img818/9437/bannerautumn.gif" border="0" alt="" /></a><br>
<font color="black">------------------------------------</font><br>
<font color="#413A58">Peu être d'autre?</font><img src="http://i53.tinypic.com/j9mwlt.gif" border="0" alt="" /></div><div align="center"><img border="0" alt="" src="http://i54.tinypic.com/10dtw6d.jpg" usemap="#example16" /> <map name="example16">
<area shape="Rect" coords="38,9,147,43" href="http://mangas-love.forumsrpg.com/t14-reglement-pour-etre-partenaire-modele-de-demande#18" />
<area shape="Rect" coords="210,8,320,43" href="http://mangas-love.forumsrpg.com/f46-vos-demandes" /></map></div></div></td></tr></table>
</div></ul>
<table style="position: fixed; bottom: 50px; left: 0px;background-color: transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="no" style="width: 800px; height: 300px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i55.tinypic.com/4gkl69.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i55.tinypic.com/4gkl69.png')?'block':'none';this.src=(this.src=='http://i55.tinypic.com/4gkl69.png')?'http://i53.tinypic.com/10qvtbr.png':'http://i55.tinypic.com/4gkl69.png';"/></td></tr></table>

Ainsi peu être que mon template index body qui va sûrement vous servir ^^ ->

Code:

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

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
   
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

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

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
         
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

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

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

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

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

<!-- BEGIN disable_viewonline -->
<center><div class="cadreqeel"><br><div style="font-size: 16px; text-align: center"><img src="http://i54.tinypic.com/28a7pli.png"></div>
<br><br>
<table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques">
  <center><span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g3-populaire"><font color="#FF5555" size="1"><b>Populaires</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g4-solitaires"><font color="#00236A" size="1"><b></b>Solitaires</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g5-sportifs"><font color="#409F92" size="1"><b></b>•Sportifs</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g6-pom-pom-girls"><font color="#FE34CC" size="1"><b>Pom-Pom G</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g7-artistes"><font color="#9E0757" size="1"><b>•Artistes</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g8-intellectuels"><font color="#469333" size="1"><b>Intellectuels</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g9-canailles"><font color="#AC5959" size="1"><b></b>Délinquants</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g10-rebelles"><font color="#727272" size="1"><b>•Rebelles</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g11-professeurs"><font color="#D98CA4" size="1"><b>Profs</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g12-surveillant"><font color="#C29F2D" size="1"><b>•Surveillants</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g13-autres"><font color="#D379FF" size="1"><b>Autres</b></font></a> </span></center>
<br><br>

<table cellspacing="4px" cellpadding="3px" width="100%" border="0">
  <tr>
<td width="50%" style="border-right: 2px dashed #000"><div class="gensmall">{LOGGED_IN_USER_LIST}</div>
  </td>
<div style="margin:auto;text-align:center;width:100%"><td width="50%"><div class="gensmall">{TOTAL_POSTS}</div></div>
<div class="gensmall">{NEWEST_USER}</div><br>
<div class="gensmall">{TOTAL_USERS_ONLINE}</div>
</td></tr></table>
<br>
<table><tr><div class="gensmall">{L_CONNECTED_MEMBERS}</div></tr></table>

</div></center>
<!-- END disable_viewonline -->


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

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Si vous voulez autre chose, comme le css ou un autre template ou même les images qui serviront bien sûr je reste à votre disposition. ^^

A bientôt et merci énormément! ^^

:thanks:

[Ami-mimi]

Up?

[Lixyr]

Je suis làààà ! Enfin ! c)

Alors, comme ce QEEL est trèèès sophistiqué, je vais mettre un peu de temps, mais comme j'ai de nouveau internet, ça devrait aller.

Je me mets dessus ! ^^

[Ami-mimi]

Ohhhh merci merci merci ^^

C'est très gentil, oui prenez votre temps bien évidement! Et comme dit plus haut en cas de besoin de quelque chose je suis disponible ^^

[Lixyr]

Okay donc, comme je le craignais, il y a déjà le code des onglets - que je connais ! - dans la PA. Donc pour le moment, je me contente juste du QEEL en gros en onglet, on fera le paufinemenent, soit : le contenu, des onglets du QEEL, ensuite, quand j'aurai un autre scripte pour onglets.

Donc, donc, donc.

Ouvre ton forum de test, et dans le template index_body, colle ce code :

Code:

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

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

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

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

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

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
     
    <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

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

                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
           
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </td>
      </tr>
    </table>

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

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

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

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

    <!-- BEGIN disable_viewonline -->


<div style="font-size: 16px; text-align: center"><img src="http://i54.tinypic.com/28a7pli.png"></div>
<br><br>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>Un système d'onglet en javascript</title>
                <script type="text/javascript">
                    //<!--
                            function change_onglet(name)
                            {
                                    document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                                    document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                                    document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                                    document.getElementById('contenu_onglet_'+name).style.display = 'block';
                                    anc_onglet = name;
                            }
                    //-->
                    </script>

                <style type="text/css">

                    .onglet{display:inline-block;
              cursor:pointer;
            margin:0;
            padding: 0;
          padding-left: 20px;
            }


                    .onglet_0
                    {display:inline-block;
              cursor:pointer;
border: 1px purple solid;
            margin-left: 8px !important;
            text-align:center;
        padding-bottom: 0px;
            padding-left:10px;
            padding-right:10px;
            background-color: none;
          font-size: 14px;
        font-family: Arial;
        font-weight: bold;}



                    .onglet_1
                    { display:inline-block;
              cursor:pointer;
            margin-left: 8px !important;
            border: 1px red solid;
            text-align:center;
            font-size: 14px;
            padding-left:10px;
            padding-right:10px;
            display:inline;
            background-color: none;
            font-family: Arial;
            font-weight: bold;}


                    .contenu_onglet
            { border: 1px dotted orange;
            padding: 3px;
            background-color: #242940;
            display:none;
            padding-left: 20px;}
   

                    </style>
            </head>
            <body>
            <div class="systeme_onglets">
            <div class="onglets"    margin-left: 30%;>
                    <span class="onglet_0 onglet" id="onglet_stat" onmouseover="javascript:change_onglet('stat');">STATS</span>
                        <span class="onglet_0 onglet" id="onglet_last" onmouseover="javascript:change_onglet('last');">LAST 24H</span>
            <span class="onglet_0 onglet" id="onglet_group" onmouseover="javascript:change_onglet('group');">GROUPES</span>
                    </div>
       

           
            <div class="contenu_onglets">
        <div class="contenu_onglet"  id="contenu_onglet_stat">

<table><tr><td class="gensmall" style="text-align:center;">
        {TOTAL_POSTS}<br>
{TOTAL_USERS}<br>
        {NEWEST_USER}
<br><hr><br>
{TOTAL_USERS_ONLINE}<br>
{RECORD_USERS}<br>
{LOGGED_IN_USER_LIST}

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


                        <div class="contenu_onglet" id="contenu_onglet_last">
        <table  align="center">
              <tr><td>
   {L_CONNECTED_MEMBERS}
</td></tr></table>  </div>


        <div class="contenu_onglet"  id="contenu_onglet_group">

            <table  align="center">
              <tr>
                  <td>      <center><span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g3-populaire"><font color="#FF5555" size="1"><b>Populaires</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g4-solitaires"><font color="#00236A" size="1"><b></b>Solitaires</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g5-sportifs"><font color="#409F92" size="1"><b></b>•Sportifs</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g6-pom-pom-girls"><font color="#FE34CC" size="1"><b>Pom-Pom G</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g7-artistes"><font color="#9E0757" size="1"><b>•Artistes</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g8-intellectuels"><font color="#469333" size="1"><b>Intellectuels</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g9-canailles"><font color="#AC5959" size="1"><b></b>Délinquants</font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g10-rebelles"><font color="#727272" size="1"><b>•Rebelles</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g11-professeurs"><font color="#D98CA4" size="1"><b>Profs</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g12-surveillant"><font color="#C29F2D" size="1"><b>•Surveillants</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
    <span class="groupes"> <a href="http://mangas-love.forumsrpg.com/g13-autres"><font color="#D379FF" size="1"><b>Autres</b></font></a> </span></center></td>
              </tr>
            </table>
            </div>
                </div>
                <script type="text/javascript">
                    //<!--
                            var anc_onglet = 'stat';
                            change_onglet(anc_onglet);
                    //-->
                    </script>
            </body>
            </html>








 
    <!-- END disable_viewonline -->


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

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Explications :


Ici, le code est sous onglet, comme tu le vois. Pour le moment, on ne s'intéresse pas trop à ce que j'ai fait. Je veux juste que tu regardes si ce que j'ai fait est bon.

Ensuite, on s'occupera du paufinage, et pour finir, de la partie des groupes.


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


Alors voici ce à quoi correspond le code des onglets que j'ai mis ici :

• La partie css :

Spoiler:

Les parties en orange se rapportent aux parties en rouge dans le css. Ici c'est un code particulier où le css est incrusté dans le codage des onglets. C'est pratique, je dois dire. n.n
Il correspond donc, comme tu as du le voir dans le codage que tu as utilisé pour ta Page D'accueil, au codage des onglets, les classes étant retrouvées ancrées dans le code.

On les retrouve également plus loin dans le code :

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_stat">

Par exemple.


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

• .onglet

défini l'onglet général. Je dois dire que pour le coup tu n'as pas grand chose à faire avec cette partie du code. Je te conseil même de ne pas y toucher. ^^

• .onglet_0

défini l'apparence des onglets non sélectionné.

• .onglet_1

défini l'apparence de l'onglet sélectionné (et par défaut le premier au démarrage de la page, puisque le premier onglet est toujours défini par défaut)

.contenu_onglet

défini, ça c'est facile à deviner, le contenu des onglets.

Tu peux donc en attendant, tenter de modifier ceci jusqu'à obtenir une mise en forme de tes onglets qui te conviendrait.

Et ensuite, au prochain chapitre, on s'occupera de modifier le texte de ton QEEL.


(vui comme c'est super long, je préfère y aller doucement, pas à pas pour avoir bien le temps d'expliquer)
Tu peux d'ailleurs trouver, si tu veux t'avancer, un petit aperçu de comment on modifie le texte du qeel ici

Il doit y en avoir au moins deux, dans ce genre-là, que j'ai pu faire.
Suis bien les explications, c'est tout simple en fait.
Mais je le ferai avec toi si tu as du mal ou si tu n'as pas le temps. ^^



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


Par ailleurs, si tu as un soucis, n'hésite pas à me demander en postant à la suite, ici.
Ces onglets marchent comme les onglets que tu as dans ta Page d'Accueil. ^^

Techniquement je devrais être là plus souvent maintenant que j'ai retrouvé mon PC !!!!!!

[Ami-mimi]

Bonsoir,

Je ne pensais pas que vous avez répondu. Là je comptais allée au lit donc je fais les essaies demain ^^

En tout cas merci ^^

[Lixyr]

Mdr, si si, j'ai répondu. ^^
Je ne vous avais pas oublié, même si j'ai quand même mis un bout de temps avant de répondre.

Mais vous pouvez prendre votre temps. ^^

Bonne nuit en tout cas.

[Ami-mimi]

Coucou,

Apparemment ça fonctionne. Je pense que ça ira pour le moment. ^^ Est-ce possible de centrer les onglets? comme sur mon aperçu. Sinon tant pis ^^

[Lixyr]

Il me semble avoir trouvé quelque chose.


Il faut faire comme ceci :

<body>
<div class="systeme_onglets">
<div class="onglets" style="margin-left: 100px;">
<span class="onglet_0 onglet" id="onglet_stat" onmouseover="javascript:change_onglet('stat');">STATS</span>

rajouté ce que j'ai mis en rouge dans cette partie du code.
Et changer la valeur en vert jusqu'à ce que vous obteniez quelque chose qui vous plait.
Normalement vous avez déjà quelque chose à cet endroit-là. C'est normal, j'ai repris le code des onglets dans un poste, mais cette partie du code était fausse, donc je viens d'apporter la correction.

[Ami-mimi]

Bon demain je recode tout sur le fofo avec le bon code ^^

Merci de votre aide c'est très gentil ! Pour le centrage c'est bon xD

EDIT: bon alors voici le résultat ^^ -> http://forumtestfree.forumgratuit.org/

Par ailleur j'ai mal compris le système pour changer l'apparance des onglets actifs ou incatifs moi je voudrais ça ->

https://2img.net/h/oi53.tinypic.com/14dn411.png pour l'actif

https://2img.net/h/oi53.tinypic.com/288wg2t.png pour l'inactif

Merci ^^

[Lixyr]

D'accord, donc ce serait une image de fond pour l'image active et une image de fond pour les autres.

ça pourrait peut-être se faire hum ... comme ça ? : :


Dans .onglet_0, rajouter ceci :

Code:

background-image:url(http://i53.tinypic.com/288wg2t.png);

et pour .onglet_1, rajouter

Code:

background-image:url(http://i53.tinypic.com/14dn411.png);

[Ami-mimi]

Thank's ça fonctionne ! =3 Donc pour ça je pense que c'est good XD

[Lixyr]

Oki, donc maintenant, tes onglets sont bons ?

Tu veux commencer à changer tes phrases ?



*edit*


Juste une petite chose.
Il semble que j'ai fait une erreur dans mon code. Rien de grave (enfin tout est relatif) xD

Juste ...

Suis mes indications, comme ceci :

1) La partie en trop

Retire ce bout de code qui risque de faire bugguer ta page :

Code:

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

et également, cette partie, en rouge :

Spoiler:

Ensuite...

2) La partie CSS.
Le code qui techniquement se trouve dans le template, c'est à dire, cette partie-là :

Code:

.onglet{display:inline-block;
cursor:pointer;
margin:0;
padding: 0;
padding-left: 20px;
}

.onglet_0
{display:inline-block;
cursor:pointer;
border: 1px purple solid;
margin-left: 8px !important;
text-align:center;
padding-bottom: 0px;
padding-left:10px;
padding-right:10px;
background-color: none;
font-size: 14px;
font-family: Arial;
font-weight: bold;}

.onglet_1
{ display:inline-block;
cursor:pointer;
margin-left: 8px !important;
border: 1px red solid;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
font-family: Arial;
font-weight: bold;}

.contenu_onglet
{ border: 1px dotted orange;
padding: 3px;
background-color: #242940;
display:none;
padding-left: 20px;}

enfin, ton code à toi, modifié mais celui-là : il faudrait que tu la places dans la feuille de style css.
En faisant comme ceci :

tu coupes le code css dans le template
tu enregistres les modifications
tu vas dans l'onglet affichage >> couleur >> feuille de style css
Tu colles le code css dedans
tu enregistres

[Ami-mimi]

Désolé si je ne peux pas être trés active en ce moment c'est que je suis enrhumé et c'est un gros rhume donc pour le moment je peux pas faire...j'attends que ça aille mieux et je ferais tout ça merci de votre compréhension TT

[Lixyr]

Vui je comprends. Prenez votre temps mais n'oubliez pas de venir poster de temps en temps pour que votre sujet ne soit pas corbeillé. ^^

[Anzu]

Bonsoir,

Avez vous essayé le code depuis ?

Cordialement.