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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par TEMSAMANI Hassan le Sam 12 Nov 2011 - 9:35

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 : http://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 Right Modules Right Gestion des codes javascripts) Le code HTML (Panneau d'administration Right Affichage Right Généralités Right message d'accueil) Et le code CSS (Panneau d'administration Right Affichage Right Couleurs Right 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 !


Dernière édition par TEMSAMANI Hassan le Mer 16 Nov 2011 - 18:08, édité 1 fois

TEMSAMANI Hassan
*

Masculin
Messages : 40
Inscrit(e) le : 23/12/2010

http://studio-final-creativ.forumactif.org/
TEMSAMANI Hassan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les codes pour 3 tableaux a onglet pour le message d'accueil

Message par StyleGraph' le Sam 12 Nov 2011 - 16:43

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.

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les codes pour 3 tableaux a onglet pour le message d'accueil

Message par TEMSAMANI Hassan le Dim 13 Nov 2011 - 16:58

Merci beaucoup j'ai réussit enfin je pense que l'erreur venais de ma part un grand merci Smile 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 .

TEMSAMANI Hassan
*

Masculin
Messages : 40
Inscrit(e) le : 23/12/2010

http://studio-final-creativ.forumactif.org/
TEMSAMANI Hassan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum