Problème avec les codes pour 3 tableaux a onglet pour le message d'accueil

[TEMSAMANI Hassan]

Problème avec les codes pour 3 tableaux a onglet pour le message d'accueil

Bonjours a tous.

Voila je vais vous expliquez le problème que j'ai actuellement. J'essaye de mettre un menu a plusieurs onglet sur ma page d'accueil. A l'aide de ce tutoriel : https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil .

Mais le problème c'est que après avoir copier le code JavaScript, l'avoir mis a la bonne place c'est a dire (Panneau d'administration Modules Gestion des codes javascripts) Le code HTML (Panneau d'administration Affichage Généralités message d'accueil) Et le code CSS (Panneau d'administration Affichage Couleurs Feuille de style CSS).

Mais en suivant tout cela je n'arrive quand même pas a faire le menu a onglet je suis pourtant bien en PhpBB2 est j'ai suivis la première page non la deuxième. Si vous pouvez m'aider ou me donner un moyen de le faire plus facilement ce serais super de votre part.

Merci d'avance !

[StyleGraph']

Coucou,normalement ça doit bien marcher.Essaie encore.
Panneau d'administration =)Modules =)Gestion des codes javascripts

Code:

function changeOnglet(_this){    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');    for(var i = 0; i < getOnglets.length; i++){        if(getOnglets[i].id){            if(getOnglets[i].id == _this.id){                getOnglets[i].className = 'mon_onglet_selected';                document.getElementById('c' + _this.id).style.display            = 'block';            }            else{                getOnglets[i].className = 'mon_onglet';                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';            }        }    }            }

Panneau d'administration =) Affichage =) Généralités message d'accueil

Code:

<div id="mes_onglets">    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>        <div class="clear"><div id="mes_contenus">    <div id="co_1" class="mon_contenu">Mon contenu 1</div>    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div></div></div></ul></div>

Panneau d'administration =)Affichage =)Couleurs =)Feuille de style CSS

Code:

 .mon_onglet{  float: left;  padding: 2px 10px;  margin-right: 5px;  color: #000;  background: #fff;  border: 1px solid #000;  cursor: pointer;  margin-bottom: -1px;  list-style: none;} .mon_onglet:hover{  background: #b8efa1;}          .mon_onglet_selected{  float: left;  padding: 2px 10px;  margin-right: 5px;  color: #000;  background: #fff;  border-top: 1px solid #000;  border-right: 1px solid #000;  border-left: 1px solid #000;  border-bottom: 1px solid #fff;  cursor: pointer;  margin-bottom: -1px;  list-style: none;}            .clear{  clear: both;}.mon_contenu{  color: #000;  background: #fff;  border: 1px solid #000;  padding: 10px;    line-height: normal;  font-size: 11px;}#mes_contenus, #mes_onglets{  width: 400px;  margin: auto;}

Bon,après ça dépend de ce que tu veux faire.J'attends ta réponse.

[TEMSAMANI Hassan]

Merci beaucoup j'ai réussit enfin je pense que l'erreur venais de ma part un grand merci une question suis a cela comment je fait pour changer la couleur de fond du menue ? j'aimerais une autre couleur que du blanc si possible .