| Créer une organisation par onglets (messages) | |
|
|
Misstro
{ Membre }
Messages : 16
| Alors celui de la PA elle-même: - Code:
-
<div class="systeme_onglets">
<div class="onglets"> <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Mais que fais-je ici ?! </span> <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Vos princesses </span> <span class="onglet_0 onglet" id="onglet_wanted" onclick="javascript:change_onglet('wanted');">Ils nous les faut ! </span> <span class="onglet_0 onglet" id="onglet_new" onclick="javascript:change_onglet('new');">Vous connaissez la nouvelle ? </span> </div>
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_quoi"><div align="center"> <font size="5" face="Bernard MT Condensed">Bienvenue en l'an 1875, {USERNAME}<br><br><br> Le forum est actuellement en construction, merci de votre patience!!</font></div><br><br></div>
<div class="contenu_onglet" id="contenu_onglet_staff"><br><blockquote><div class :"texteprincesses">Dévotion et admiration : voici vos princesses du forum ! <br><br> <b>F</b>ondatrice, admin-folle, schizo notoire et reine du scénar : Zita, addicted aux RP depuis moultes années. <br> <b>A</b>dministratrice, modeste graphiste , aussi schizo que Zita et reine des persos tordus : Isa’, RPGeuse de l’extrême ;</blockquote><br><br><a href="#" class="infobulle"><img src="http://obsession27.free.fr/boutons/iconashleygreenevio3.jpg"> <span>Isabelle de Sérouvile <br><br><img src="http://obsession27.free.fr/boutons/iconashleygreene8.jpg"><br>°Questions graphiques<br>°Validations des fiches<br>°Modération <a href="#" class="infobulle"><img src="http://obsession27.free.fr/boutons/iconashleygreenevio3.jpg"> <span>Zita de Craon <br><br><img src="http://obsession27.free.fr/boutons/iconashleygreene8.jpg"><br>°Maître tout-puissant<br>°Validation des fiches<br>°Modération<br>°Dernier mot en (quasi) tout !
</div><div class="contenu_onglet" id="contenu_onglet_wanted"> <div align="center"> <div class:"texteprincesses">Ils vous attendent!</div><br><br><br></div><div align="center"><a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/9700000/ben-barnes-ben-barnes-9727199-100-100.jpg" alt="" height="48" width="48" border="0"/><span> Philippe XV<br><br>Roi de France> <a href="#" class="infobulle"><img src="http://images2.fanpop.com/images/photos/5300000/Camilla-camilla-belle-5343892-100-100.jpg" alt="" height="48" width="48" border="0" /><span>Ambroisine Chastaing<br><br>Une maîtresse bien placée </div><div align:"center"><br><a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/13400000/Annalynne-annalynne-mccord-13450280-100-100.jpg" alt="" height="48" width="48" border="0" /><span>Apolline Nollent<br><br>Espionne républicaine au royaume <a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/9600000/Henry-Cavill-henry-cavill-9645320-100-100.jpg" alt="" height="48" width="48" border="0" /><span>César de Dunnoye<br><br>Elite de la royauté</div></div></div><div class="contenu_onglet" id="contenu_onglet_new">Contenu</div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script>
Le CSS: - Code:
-
.onglet { display:inline-block; Background-color: #cba; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; margin-left:3px; margin-right:3px; padding:5px; border:1px solid black;
} .onglet_0 { background: #cba; border-bottom:1px dotted black; } .onglet_1 { background: #cba; border-bottom:1px dotted black; padding-bottom:10px; } .contenu_onglet { background-color:#cba; border:1px dotted black; margin-top:-1px; padding:15px; display:none; }
| | |
|
| |
Baël Henzel
{ Membre }
Messages : 56
| Petite question stupide. J'ai suivi le tuto et vu comment rajouter un onglet, néanmoins quand je rajoute un quatrième onglet il ne fonctionne jamais, seuls les trois premiers fonctionnent. Une suggestion? | | |
|
| |
Albator Feel
{ Membre }
Messages : 30
| Bonjours j'ai essayer le tutoriel et ça marche pas sniff voila mon code si quelqu'un peut m'aider - Code:
-
<html> <head> <title>Sans titre-2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (Sans titre-2) --> <table id="Tableau_01" width="894" height="299" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/Sans-titre-2_01.png" width="645" height="183" alt=""></td> <td> <img src="http://www.heberger-image.fr/data/images/29508_chibi.png" border="0" alt="" /></td> </tr> <tr> <td> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglets_Les_Infos"> <table width="600px"><tr> <td width="214px"><div class="pa1>Les News</div> <br><div class "pa4"> <marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Bleach the Last Time est heureux de vous acceuillir.<br> La nouvelle version du forum est ouverte depuis le 31/07.</marquee></div>
</td><td width="214px"><div class="pa2">Les Infos H-Rpg</div> <br><div class "pa5"><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Nous Recrutons encore des modérateurs ainsi qu'un administrateur.<br> Des concours de graphisme vont être organisés.</marquee></div> </td><td width="214px"><div class="pa3">Les Infos Rpg</div> <br><div class "pa6"><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Le Rpg est ouvert.<br> N'oubliez pas de mettre des musiques dans chacun de vos rp's pour mettre l'ambiance.</marquee></div> </td></tr></div></table>
<div class="contenu_onglet" id="contenu_onglets_Le_Staff"><table width="600px"><tr> <td width="214px"><div class="pa1>Le Membre du Mois</div> <br><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=1?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/61459_soul.jpeg" border="0" alt="" /></a></div><div class="image"><div class "pa4"></div>
</td><td width="214px"><div class="pa2">Les Co-Fondateurs</div> <br><div class "pa5"> <div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=1?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/99584_ico_soul.png" border="0" alt="" /></a></div><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=4?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/32830_ico_maka.png" border="0" alt="" /></a></div><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=2?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/47339_ico.png" border="0" alt="" /></a></div> </div> </td><td width="214px"><div class="pa3">Le Copyright</div> <br>Le thème du forum est d'Albator Feel de Never Utopia alias Soul Angel soit le fondateur.Les règles sont de Makko et codé par Soul.L'intégralité du codage est de Soul avec l'aide de CSS Actif et Never Utopia.Le forum est protégé par la loi du Copyright.Toute copie d'une partie ou de l'intégralité de notre travail entrainera des poursuites et la fermeture de votre forum. </td></tr></div></table> </div>
<div class="contenu_onglet" id="contenu_onglets_Referencement"><table width="600px"><tr> <td width="214px"><div class="pa1>Les Forums de la Famille</div> <br><div class "pa4"><a href="http://paranormal-story.forumactif.com/" class="postlink" target="_blank"><img src="http://www.heberger-image.fr/data/images/32200_logo_para.jpeg" border="0" alt="" /></a></div>
</td><td width="214px"><div class="pa2">Nos Top-sites</div> <br><div class "pa5"> <div class="image"><a href="http://www.root-top.com/topsite/soulsociety/in.php?ID=148" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/soulsociety/banner.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=3232" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/azzare34/banner.gif" border="0" alt="" /></a></div> </div> </td><td width="214px"><div class="pa3">Nos Partenaires</div> <br><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down"><a href="http://naruto-katana-rpg.forumactif.com" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/4449/bouton1m.gif" border="0" alt="" /></a></marquee> </td></tr></div></table></div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> </td> <td> <div class="onglets"> <div align="center"><span class="onglet_0 onglet" id="Les_Infos" onclick="javascript:change_onglet('Les_Infos');">Les Info's</span> <span class="onglet_0 onglet" id="Le_Staff" onclick="javascript:change_onglet('Le_Staff');">Le Staff</span> <span class="onglet_0 onglet" id="Referencement" onclick="javascript:change_onglet('Referencement');">Réferencement & Co</span> </div></div> </td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> | | |
|
| |
Sarah.
{ Membre }
Messages : 78
| Bonjour, j'ai tentée de faire ce système d'onglet mais il ne marche pas, il m'affiche seulement le titre des onglets. Comme ça :
Mon CSS - Code:
-
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid black; cursor:pointer; } .onglet_0 { background:#bbbbbb; border-bottom:1px solid black; } .onglet_1 { background:#dddddd; border-bottom:0px solid black; padding-bottom:4px; } .contenu_onglet { background-color:#dddddd; border:1px solid black; margin-top:-1px; padding:5px; display:none; } Ma PA
- Code:
-
<div class="onglets"> <span class="onglet_0 onglet" id="onglet_Bienvenue" onclick="javascript:change_onglet('Bienvenue');">Bienvenue sur TWIB.</span> <span class="onglet_0 onglet" id="onglet_Nouveautés" onclick="javascript:change_onglet('Nouveautés');">Nouveautés.</span> <span class="onglet_0 onglet" id="onglet_Météo" onclick="javascript:change_onglet('Météo.');">Météo.</span> </div>
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_Bienvenue">Qui a osé dire que les aveugles ne pouvaient pas vivre comme nous, êtres voyants ? Qui a prétendu qu'il était difficile de vivre quand on est non voyant, sourd ou muet ? Arrêtez tout préjugés, les handicapés sont des personnes comme les autres. Je me présente, je suis Nathanaël. Je suis aveugle par accident. C'est vrai au début, j'ai eu peur, je n'avais plus aucun repère et surtout je devais refaire ma vie avec cet handicap.</div>
<div class="contenu_onglet" id="contenu_onglet_Nouveautés">Ouverture du forum le .. / .. / 2010</div>
<div class="contenu_onglet" id="contenu_onglet_Météo">Il y a du soleil, l'été est à son maximum sur Paris.</div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> Merci d'avance. | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Baël Henzel: Il me faudrait ton code~ Albator Feel et Sarah. : Avez-vous tout mis le code des onglets, y compris le doctype du début, etc? Si vous n'Avez pas tous mit, c'est peut-être de là que viens le problème. Si oui, veuillez mettre le code en entier s'il vous plait pour que je puisse voir ce qui ne marche pas | | |
|
| |
Nirvana
{ Membre }
Messages : 7
| Bonsoir, moi sa ne m'affiche même pas les onglés http://the-detroit-sunny.forumactif.com/forum.htm - Code:
-
<div class="systeme_onglets">
<div class="onglets"> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">ACCUEIL</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span> </div>
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Salut !</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">HOLA ! COMO ESTA IN LA CASA ? ^^</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'ACCUEIL'; change_onglet(anc_onglet); //--> </script> | | |
|
| |
Liloo
{ Membre }
Messages : 19
| Bon j'ai le même problème que Sarah., j'ai suivit tout le tutos, mais sur ma page d'accueil ça m'affiche les titre et non les onglets. Et je ne vois pas où se trouve le doctype et tout ça ? parce qu'il y en avais pas dans les codes fournit avec le tuto. voici mes codes : - Code:
-
<div class="systeme_onglets">
<div class="onglets"> <span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');">Accueil</span> <span class="onglet_0 onglet" id="onglet_la_team" onclick="javascript:change_onglet('la_team');">La Team</span> <span class="onglet_0 onglet" id="onglet_concours" onclick="javascript:change_onglet('concours');">Concours</span> </div>
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_accueil"><table style="width: 100%; border-collapse: collapse;"> <tbody><tr> <td><table style="width: 100%; border-collapse: collapse;"> <tbody><tr> <td><div class="boite"><img src="http://img706.imageshack.us/img706/8695/bienvenueop.png"> <br>Salut à toi étranger ! <br>Je te souhaite la bienvenue sur My World. Tu ne sais pas où tu te trouve ?Laisse moi éclairer ta petite lanterne. <br>My World est un forum de graphisme sur lequel tu peut passer des commandes de design pour forum, de kits, bref de tout un tas de truc. Mais c'est aussi une communauté graphique basée sur le partage, on échange donc nos truc et astuce, il y a des tutoriels, et tout ça. Il y a aussi une section libre service ou te peut prendre un peut ce que tu veux et demander une personnalisation aussi, sans oublier de créditer le forum bien sur ;) <br>Ça te plais ? Alors va vite lire le règlement et te présenter !</div></td> </tr> <tr> <td><span class="titre">Les Partenaires</span> <br><br><a href="http://raconte-moi.forumactif.org"><img src="http://img193.imageshack.us/img193/3733/boutonpubcopie.png" /></a><a href="http://requiemforneverland.forumsactifs.net/forum.htm"><img src="http://img16.imageshack.us/img16/926/petitboutonc.png" /></a><a href="http://abysses-de-la-terre.forumactif.org">http://img832.imageshack.us/img832/148/blibloblou.jpg</a></td> </tr> </tbody></table></td> <td><table style="width: 100%; border-collapse: collapse;"> <tbody><tr> <td><img name="menunavigation" src="http://img14.imageshack.us/img14/3061/menunavigation.png" usemap="#navigation"><map name="navigation"><area shape="rect" coords="10,10,183,44" href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/le-reglement-de-my-world-t1.htm" alt="règlement"> <area shape="rect" coords="12,41,187,70" href="http://my-world-liloo.forumsactifs.net/allez-on-se-presente-f14/" alt="Se Présenter"> <area shape="rect" coords="9,69,184,98" href="http://my-world-liloo.forumsactifs.net/we-want-you-f16/" alt="Candidatures"> <area shape="rect" coords="10,99,185,128" href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/nos-logos-t3.htm#3" alt="Les Logos"> <area shape="rect" coords="9,130,184,159" href="http://my-world-liloo.forumsactifs.net/tutoriaux-et-astuces-f5/liste-des-tutoriels-et-astuces-t4.htm#4" alt="Les Tutoriels"></map></td> </tr> <tr> <td><span class="titre">LES NEWS</span> <br><div class="boitea"><b>30/07 :</b> <b style="color: DarkOrchid;">Ouverture du Forum !!</b> Et voila, c'est fait, le forum est ouvert, tout plein de choses à découvrir, alors allez-y ne vous gênez pas !</div></td> </tr> <tr> <td><span class="titre">Top Site</span></td> </tr> </tbody></table></td> </tr> </tbody></table></div>
<div class="contenu_onglet" id="contenu_onglet_la_team"><table style="width: 100%; border-collapse:collapse;"> <tr> <td><span class="titre">La Team</span> <br><br><a href="http://my-world-liloo.forumsactifs.net/profile.forum?mode=viewprofile&u=1"<img src="http://img101.imageshack.us/img101/6489/teampafonda.png" /></a> Liloo - Seigneur des Crêpes <br><a href="http://my-world-liloo.forumsactifs.net/profile.forum?mode=viewprofile&u=2"<img src="http://i36.servimg.com/u/f36/15/26/44/57/vavasm10.jpg" /></a>Lÿchen - Chef des Gardes <br><img src="http://img96.imageshack.us/img96/248/teampavide.png" /> <img src="http://img96.imageshack.us/img96/248/teampavide.png" /> <br><br><a href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/la-team-t2.htm">LA TEAM</a></td></td> <td><div class="boite"><span class="titre">On recrute !</span> <br><ul><li>Artistes Peintres<span style="font-weight: bold;">(2)</span></li><li>Troubadours <span style="font-weight: bold;">(2)</span><br></li></ul></div> <br><a href="http://my-world-liloo.forumsactifs.net/we-want-you-f16/">Pour postuler</a></div></td> </tr> </table> t</div>
<div class="contenu_onglet" id="contenu_onglet_concours"><table style="width: 100%; border-collapse:collapse;"> <tr> <td>Gagnant de la SOTW</td> <td>Gagnant du Concours</td> </tr> </table></div> </div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'Accueil'; change_onglet(anc_onglet); //--> </script> et - Code:
-
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid #34464a; cursor:pointer; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -webkit-border-radius-bottomleft:15px; border-radius-bottomleft:15px; } .onglet_0 { background:#f1f5f6; border-bottom:1px solid #34464a; } .onglet_1 { background:#f1f5f6; border-bottom:1px solid #34464a; padding-bottom:4px; } .contenu_onglet { background-color:#f1f5f6; border:1px solid #34464a; margin-top:-1px; padding:5px; display:none; } Merci d'avance de votre aide ^^ | | |
|
| |
Sarah.
{ Membre }
Messages : 78
| Iko' : Je te suis pas là x) Tu veux que je mette quel code en entier ? | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| xD Okey laissez faire, me suis gouré, jcroyais qu'elle avait tout mit au complet mais bon *se comprend* Désoléeee XD Donc. Sarah. -> Dans cette section-là - Citation :
- <script type="text/javascript">
//<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> Change ce que j'ai mit en rouge pour "Bienvenue" avec la majuscule. Liloo -> Dans cette section-là: - Citation :
- <script type="text/javascript">
//<!-- var anc_onglet = 'Accueil'; change_onglet(anc_onglet); //--> </script> Remplace la majuscule en rouge par une minuscule x) Nirvana -> Ehm d'Abord ton code ressemble beaucoup énormément identique à celui de Jotman de la page précédente, à qui je lui expliqué pourquoi cela ne marchait pas. Donc je te cite et met en sopiler cette partie-là vu que c'est gros, mais n'oublie pas de bien personnaliser ton code hein --" le copié collé d'un code d'un autre/plagiat/etc est interdit ._. - Spoiler:
- Ikø' a écrit:
- Bonjour~
D'abord il faut veiller à bien changer les noms des onglets. Par exemple que le premier s'appelle accueil, le deuxième s'appelle news et le troisième s'appelle partenaires.
On va le faire section par section - Code:
-
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">ACCUEIL</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span> Ça c'est la première section. Ce qui a à changer ici c'est:
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">ACCUEIL</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span> <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>
Tu changes ce que j'ai mit en rouge par une appellation spécifique à ton onglet. En gros, tu ne marques pas accueil partout~ De plus, le terme "Nom de l'onglet" qui est carrément le nom cette fois-ci, comme "ACCUEIL", n'est pas obligatoire à être changé pour que le script fonctionne~
DONC~ si on prends comme exemple accueil, news et partenaires, ça donnerait ceci: - Code:
-
<span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');">ACCUEIL</span> <span class="onglet_0 onglet" id="onglet_news" onclick="javascript:change_onglet('news');">Nom de l'onglet</span> <span class="onglet_0 onglet" id="onglet_partenaires" onclick="javascript:change_onglet('partenaires');">Nom de l'onglet</span> Maintenant, la deuxième partie =D - Code:
-
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Salut !</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">HOLA ! COMO ESTA IN LA CASA ? ^^</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div> </div> </div> Ici, il faut changer ce qui est en rouge par appellation qu'on a donné aux onglets tantôt. Donc, le premier onglet s'appelle accueil, etc. <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Salut !</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">HOLA ! COMO ESTA IN LA CASA ? ^^</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div> </div> </div>
Avec le même exemple que tout à l'heure, ça donnerait ceci: - Code:
-
<div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_accueil">Salut !</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_news">HOLA ! COMO ESTA IN LA CASA ? ^^</div>
<div class="contenu_onglet" id="contenu_onglet_nom_de_partenaires">Contenu de l'onglet</div> </div> </div> Finalement la dernière partie~ - Code:
-
<script type="text/javascript"> //<!-- var anc_onglet = 'ACCUEIL'; change_onglet(anc_onglet); //--> </script> Ici, il faut changer une chose spécifie, que tu as déjà faite. La voilà: <script type="text/javascript"> //<!-- var anc_onglet = 'ACCUEIL'; change_onglet(anc_onglet); //--> </script>
Toutefois on va éviter les majuscules xD cette partie doit être remplacée par l'appellation du premier onglet, donc ici "accueil". C'est comme ce que tu as fait, mais sans majuscules x) Donc: - Code:
-
<script type="text/javascript"> //<!-- var anc_onglet = 'accueil'; change_onglet(anc_onglet); //--> </script> Et après tu mets tout ça ensemble~
J'espère que je ne t'ai pas perdu en chemin ._.
Si tu as des questions sur ça, n'hésite pas~ Albator Feel -> Ton code est un peu à l'envers, littéralement XD Je ne sais pas si ça a un rapport, mais certains des codes sont à la fin alors qu'ils devraient être au début. Enfin bref, ptêtre que ça a aucun rapport non plus. Sinon, dans cette section-là: - Citation :
- <script type="text/javascript">
//<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> Remplace ce qui est en rouge par "Les_Infos" Voilà, j'espère ne pas avoir oublié personne~ | | |
|
| |
Invité Invité
| Salut =D
D'abord merci pour le tuto, il m'a été d'une grande aide. ^_^ J'ai réussi à le mettre sur mon forum test, mais quand je l'ai mis sur le vrai forum, le code ne fonctionne pas. Il n'y a que les titres des onglets. Alors que le même code fonctionne très bien sur le forum test =s
J'ai copié exactement le code HTML et CSS du forum test. Et en suivant bien la démarche de la page HTML a créer au début du tuto. Je ne comprends pas ce qui cloche =s
Merci d'avance ^_^ | | |
|
| |
chubby
{ Membre }
Messages : 2
| Bonjour, est-il possible d'afficher un tableau avec onglets dans un simple message? Si oui, j'ai essayé mais je ne comprends pas tout à fait où placer certains codes. Par exemple celui-ci : - Code:
-
<script language="javascript" src="adresse de ta page html script onglet"></script> | | |
|
| |
Regan
{ Membre }
Messages : 131
| J'ai fait tout ce qu'il fallait mais ça n'a pas marché... fin quand je suis arrivée à devoir coller ce code : - Spoiler:
Nom de l'onglet Nom de l'onglet Nom de l'onglet Contenu de l'onglet Contenu de l'onglet Contenu de l'onglet //
Je savais pas où le mettre donc j'ai essayé un peu partout. Feuille de style, description... | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Wolleh: Si je me souviens bien, il y a un script à mettre dans un template dans le tuto, l'a tu mis également sur ton forum?
chubby et Regan: Donc ehm dans un message, ce code ne fonctionne pas. Il faut le mettre dans la page d'accueil ou une page html~ | | |
|
| |
Invité Invité
| Oui, mais je l'ai mis dans description du forum. C'est écrit dans le tuto qu'on peut. Parce que je l'ai mis aussi dans description du forum aussi dans le test.
C'est mieux de le mettre dans le template ? | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Essaie dans le template pour voir, c'est peut-être pour ça que ça bug.
(moment de vie) Un jour jvoulais mettre une CB sur le côté de mon forum. Jlai mit dans les templates de mon fo test, tout marche, une fois dans le template de mon autre fo, ça marche pas. Jlai mit dans la page d'accueil et ça a marché **(moment de vie)
Donc tout ça pour dire, essaie de le mettre ailleurs xD | | |
|
| |
Invité Invité
| Merci je vais essayer =) Mais je ne comprends ou il le faut placer dans le template. - Citation :
- dans ton template overall_header_new juste avec la balise < /head>
Je le mets après la balise < /head> ? ^_^" J'ai du mal en ce moment XD Ah ouai c'est bizarre ton histoire de CB, rien qu'en changeant de place ça fonctionne pas x) | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Juste avant la balise en fait~ Je vais aller corriger ça dans le tuto x) | | |
|
| |
Invité Invité
| Merci beaucoup =D Cela fonctionne ! Pendant un instant j'ai cru que j'avais fais le code pour rien x) | | |
|
| |
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| XD De rieeen~
S'il y a un autre problème n'hésite pas 8D | | |
|
| |
Sarah.
{ Membre }
Messages : 78
| Merci ! Alors tout marche sauf le ' météo ' qui n'affiche rien quand je clique dessus. Et une petite question, comment changer d'onglet seulement avec le passage de la souris ? | | |
|
| |
.Little Lady
{ Membre actif }
Messages : 564
| Cherche bien dans le tuto, c'est expliqué. | | |
|
| |
Sarah.
{ Membre }
Messages : 78
| Ce qui est expliqué, c'est le problème pour l'onglet sur lequel on ne peut pas cliquer ou la changement d'onglet au passage de la souris ? | | |
|
| |
Æ
{ Membre }
Messages : 27
| Bonjour !
Excusez-moi mais si le logo "+HTML" n'apparrait pas comment on fait ?
( Je sais chui nul....) | | |
|
| |
LittleThing
{ Membre }
Messages : 175
| Si tu vois en bas à droite de la page un petit texte en vert : Créer une nouvelle page HTML, c'est la même chose ! ^^ | | |
|
| |
Æ
{ Membre }
Messages : 27
| Rebonjour ! Eh bien je vois le titre des onglets apparaitre mais... Quand je clique dessus rien ne s'affiche ! | | |
|
| |
Contenu sponsorisé
| |
| |
| Créer une organisation par onglets (messages) | |
|