Page d'accueil avec onglets qui ne fonctionnent plus
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Page d'accueil avec onglets qui ne fonctionnent plus
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 :
Et voici la partie CSS de ma page d'accueil :
Je vous remercie d'avance.
Cordialement.
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 :
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
Re: Page d'accueil avec onglets qui ne fonctionnent plus
Bonjour,
Votre code javascript n'existe plus ... enlevez:
Vous pouvez aussi reprendre votre tableau en suivant le tutoriel ci-dessous qui a été amélioré :
--> https://forum.forumactif.com/t310879-tableaux-a-onglets
Bien sincèrement.
Votre code javascript n'existe plus ... enlevez:
- Code:
<script src="http://sd-5.archive-host.com/membres/up/86411517957321821/onglet.js"></script>
- 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é :
--> https://forum.forumactif.com/t310879-tableaux-a-onglets
Bien sincèrement.
Invité- Invité
Re: Page d'accueil avec onglets qui ne fonctionnent plus
Un grand merci Azami ça remarche :thanks:
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Page d'accueil à onglets
» Page d'accueil avec onglets
» Problème avec onglets page d'acceuil
» Problème code page d'accueil avec des onglets
» Page d'accueil à onglets
» Page d'accueil avec onglets
» Problème avec onglets page d'acceuil
» Problème code page d'accueil avec des onglets
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum