Page d'accueil avec onglets qui ne fonctionnent plus

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

Résolu Page d'accueil avec onglets qui ne fonctionnent plus

Message par Sora65 le Dim 27 Mai 2012 - 18:52

Bonjour.
Je rencontre un problème avec mon forum ( je suis la fondatrice) . Mes onglets de la page d'accueil ne fonctionnent plus, quand on passe la souris sur les différentes catégories ça reste toujours dans "général". Ce problème est apparu du jour au lendemain, si je me souviens bien quelques jours après que j'ai modifié les images de ma page d'accueil ( ça a peut être un rapport ..). J'aimerais donc savoir comment règler ce problème, si c'est possible.

Voici le lien de mon forum :
http://sunasia.forumactif.com/
Voici le codage de ma page d'accueil :
Spoiler:
Code:
<script src="http://sd-5.archive-host.com/membres/up/86411517957321821/onglet.js"></script><div id="mes_onglets"><div id="mes_onglets">
   <ul>
      <li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Général</li>
      <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Liens utiles</li>
      <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Partie fansub</li>
      <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Chatbox et playlist</li>
      
      <div class="clear"></div>
   </ul>
</div><div id="mes_contenus">
   <div id="co_1" class="mon_contenu"><div> <a href="http://nsa22.casimages.com/img/2012/04/30/120430070815892546.png" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa22.casimages.com/img/2012/04/30/120430070815892546.png" border="0" alt="" /></a> </div><table>
  <tr>
      <th>Présentation</th>
      <th>Le staff</th>
      <th>News</th>
  </tr>

  <tr>
      <td><div style=" width: 220px; height: 133px; overflow: scroll;">
<center>Bienvenue sur Sun Asia, votre forum
sur les pays d'Asie et de fansub.  <br>
Retrouvez pleins de rubriques pour pouvoir parler et partager votre passion.
<br>
Mais Sun Asia ce n'est pas seulement un forum de discution sur les pays d'asie,<br>
c'est aussi maintenant un forum de fansub!
<br>
Venez vite nous rejoindre!
<br></div>  <div><center>
<b>Votez pour le forum ! </b><br>
<a href="http://www.root-top.com/topsite/kawaii/in.php?ID=411" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/12/65/92/36/voteco10.png" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/asiansound/in.php?ID=125" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/12/65/92/36/voteco10.png" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/chenshen/in.php?ID=656" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/12/65/92/36/voteco10.png" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/asiapubrpg/in.php?ID=14" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/12/65/92/36/voteco10.png" border="0" alt="" /></a></span></center></div></td>
      <td>
<a href="#" class="info"><img style="width: 100px; height: 100px;" alt="" src="http://i45.servimg.com/u/f45/12/65/92/36/sora110.png"><span>Sora, fondatrice et admin</span></a>
<a href="#" class="info"><img style="width: 100px; height: 100px;" alt="" src="http://i45.servimg.com/u/f45/12/65/92/36/miu110.png"><span>Miu, admin</span></a>
<a href="#" class="info"><img style="width: 100px; height: 100px;" alt="" src="http://nsa22.casimages.com/img/2012/04/08/120408050801657487.png"><span>Riika, modératrice</span></a>
 

</td>
      <td>
- Le mag' du forum n°1 <a href="http://sunasia.forumactif.com/t1544-la-surprise-est?tid=77665b53b01bd5a6c20743eb20d865c5" class="postlink">ICI</a> </span>
<br>
- Chaîne de YT recommandé par <b>Toun</b> 2eme gagnante <br>du concours d'aegyo : <a href="http://www.youtube.com/user/HIKAKIN/featured">HIKAKIN</a>

</td>
  </tr>

</table>
</div>
   <div id="co_2" class="mon_contenu" style="display: none;" <a href="http://www.servimg.com/image_preview.php?i=2932&u=12659236" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa21.casimages.com/img/2012/04/30/120430071243366647.png" border="0" alt="" /></a><style type="text/css">
 #sous_menu{
list-style-type:none; /* on enlève la puce */
margin: 0; /* on retire les marges intérieures et extérieures */
padding:0;
width:  20%;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */
border : solid 3px #f8edda;  /* on applique des bordures à la balise ul */
border-bottom: 0px; #FDFCFE; /* et on retire celle du bas */
background-color: #f8edda
}
#sous_menu li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0;
border-bottom: 3px solid #937D6A;  /* ici on affiche  une bordure uniquement en bas */
background-color: #F1EFED
}

</style>
</head>
<body>
            <ul id="sous_menu">
              <li>
                <a href="http://sunasia.forumactif.com/t656-le-reglement">Le règlement</a>
              </li>
              <li>
                <a href="http://sunasia.forumactif.com/f4-presentations">Présentation</a>
              </li>
              <li>
                <a href="http://sunasia.forumactif.com/t31-formulaire-pour-devenir-partenaires">Demande de partenariat</a>
              </li>
              <li>
                <a href="http://sunasia.forumactif.com/t32-partenaires">Nos partenaires</a>
              </li>
         
          </ul>
               
</body><a href="http://www.servimg.com/image_preview.php?i=2933&u=12659236" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa22.casimages.com/img/2012/02/24/120224024041816533.png" border="0" alt="" /></a> </div>
   <div id="co_3" class="mon_contenu" style="display: none;"><a href="http://www.servimg.com/image_preview.php?i=2957&u=12659236" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa22.casimages.com/img/2012/05/01/12050109554520916.png" border="0" alt="" /></a></div>

   <div id="co_4" class="mon_contenu" style="display: none;"><!-- BEGIN CBOX - www.cbox.ws - v001 --><DIV style="TEXT-ALIGN: ; LINE-HEIGHT: 0" id=cboxdiv><DIV><IFRAME style="BORDER-BOTTOM: #dbe2ed 1px solid; BORDER-LEFT: #dbe2ed 1px solid; BORDER-TOP: #dbe2ed 1px solid; BORDER-RIGHT: #dbe2ed 1px solid" id=cboxmain height=175 marginHeight=2 src="http://www3.cbox.ws/box/?boxid=3170304&boxtag=cxx40v&sec=main" frameBorder=0 width=150 allowTransparency name=cboxmain marginWidth=2>
</IFRAME></DIV><DIV><IFRAME style="BORDER-BOTTOM: #dbe2ed 1px solid; BORDER-LEFT: #dbe2ed 1px solid; BORDER-TOP: 0px; BORDER-RIGHT: #dbe2ed 1px solid" id=cboxform height=75 marginHeight=2 src="http://www3.cbox.ws/box/?boxid=3170304&boxtag=cxx40v&sec=form" frameBorder=0 width=150 allowTransparency name=cboxform marginWidth=2 scrolling=no></IFRAME></DIV></DIV>
<!-- END CBOX -->
<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*PTEzMDc4OTEwNjM1MTMmcHQ9MTMwNzg5MTA3MjY5MiZwPTE4MDMxJmQ9Jmc9MSZvPWRlN2JmMzQ*NjMzYjQyNDdiODgy/YzI2ZTU4MDA1YWZj.gif" /><embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=64611778&path=2010/08/21" quality="high" wmode="transparent" flashvars="mycolor=ffffff&mycolor2=99f0ec&mycolor3=FFFFFF&autoplay=false&rand=1&f=4&vol=100&pat=0&grad=false" width="240" height="165" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:240px;height:165px;" /><br> </DIV>
 </div>
</div>

Et voici la partie CSS de ma page d'accueil :
Spoiler:
Code:
/*-----------------------css page accueil-----------------------*/a*{
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial ;
   font-size: 11px;
}
body{
   width: 800px;
   margin: 10px auto;
}
a{
   text-decoration: none;
   color: #666;
}
ul, li{
   list-style: none;
}
.mon_onglet{
   float: left;
   padding: 2px 20px;
   margin-right: 0px;
   color: #333;
   background: #FFFFFF;
   border: 0px solid #68ce3e;
                border-bottom: 1px solid #FFFFFF
   cursor: pointer;
   margin-bottom: -1px;
}   
.mon_onglet:hover{
   background: #FFFFFF;
}            
.mon_onglet_selected{
   float: left;
   padding: 2px 20px;
   margin-right: 0px;
   color: #333;
   background: #FFFFFF   ;
   border-top: px solid #68ce3e;
   border-right: 0px solid #68ce3e;
   border-left: 0px solid #68ce3e;   
   border-bottom: 1px solid #719EB3;   
   cursor: pointer;   
   margin-bottom: -1px;
}               
.clear{
   clear: both;
}
.mon_contenu{
   color: #666;
   background: #FFFFFF;
   border: 0px solid #68ce3e;
   padding: 10px;            
}
#mes_contenus, #mes_onglets{
   width: 800px;
}

Je vous remercie d'avance.

Cordialement.


Dernière édition par Sora65 le Dim 27 Mai 2012 - 21:34, édité 1 fois

Sora65
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 20/08/2010

http://sunasia.forumactif.com/
Sora65 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec onglets qui ne fonctionnent plus

Message par Invité le Dim 27 Mai 2012 - 21:16

Bonjour,

Votre code javascript n'existe plus ... enlevez:
Code:
<script src="http://sd-5.archive-host.com/membres/up/86411517957321821/onglet.js"></script>
et placez dans PA > modules > gestion des codes javascript, un nouveau script sur l'index:
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';
            }
        }
    }           
}

Vous pouvez aussi reprendre votre tableau en suivant le tutoriel ci-dessous qui a été amélioré Wink:
--> http://forum.forumactif.com/t310879-tableaux-a-onglets

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec onglets qui ne fonctionnent plus

Message par Sora65 le Dim 27 Mai 2012 - 21:34

Un grand merci Azami ça remarche Thanks


Sora65
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 20/08/2010

http://sunasia.forumactif.com/
Sora65 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