Créer des onglets sur sa page d'acceuil
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Créer des onglets sur sa page d'acceuil
Bonjour,
J'aimerais à l'aider de ces trois PA n'en faire qu'une seule et faire des onglets, j'ai déjà tenté plusieurs choses mais je ne suis jamais arrivé au résultat que je souhaiterais.
En fait je voudrais que les onglets soient sous cette forme:
http://thewerewolfpack.forumgratuit.org/h3-pa2
Merci à ceux qui voudront bien m'aider
J'aimerais à l'aider de ces trois PA n'en faire qu'une seule et faire des onglets, j'ai déjà tenté plusieurs choses mais je ne suis jamais arrivé au résultat que je souhaiterais.
En fait je voudrais que les onglets soient sous cette forme:
http://thewerewolfpack.forumgratuit.org/h3-pa2
- Code:
<table class="marge" background="http://img233.imageshack.us/img233/7263/toij.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h1-home" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
<table class="marge" background="http://img155.imageshack.us/img155/534/toi2.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h2-info" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
<table class="marge" background="http://img442.imageshack.us/img442/8076/toi3.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h4-plus" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
Merci à ceux qui voudront bien m'aider
Dernière édition par CryingToYourHeart le Lun 30 Juil 2012 - 17:17, édité 2 fois
Re: Créer des onglets sur sa page d'acceuil
Je te conseille de suivre ce tuto:
https://forum.forumactif.com/t310879-tableaux-a-onglets
Et tu adaptes le css qui te conviens
https://forum.forumactif.com/t310879-tableaux-a-onglets
Et tu adaptes le css qui te conviens
Re: Créer des onglets sur sa page d'acceuil
Bonjour,
Je ne crois pas que ça pourra m'aider, sachant que je mettrais ma PA en iframe par la suite dans la partie correspondante sur le forum.
Je ne crois pas que ça pourra m'aider, sachant que je mettrais ma PA en iframe par la suite dans la partie correspondante sur le forum.
Re: Créer des onglets sur sa page d'acceuil
up, s'il vous plait aider moi ça devient un peu urgent :s
Re: Créer des onglets sur sa page d'acceuil
Bonsoir
Placer le tout dans une page HTML puis dans une iframe, il me semble que vous savez faire.
Placer le tout dans une page HTML puis dans une iframe, il me semble que vous savez faire.
- Spoiler:
- Code:
<style>
.mon_onglet{
padding: 4px;
margin: 10px;
display: inline;
}
.mon_onglet_selected{
padding: 4px;
margin: 10px;
display: inline;
}
.mon_contenu{
padding: 0px;
height: auto; /* hauteur du tableau */
width:auto; /* largeur du tableau */
margin-top: 5px; /* marge entre le tableau et les onglets */
}
</style>
<script>
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('span');
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';
}
}
}
}
</script>
<div id="mes_onglets">
<!-- onglet 1 -->
<span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://i45.servimg.com/u/f45/15/55/14/56/zzzzzx12.gif"></span>
<!-- onglet 2 -->
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i45.servimg.com/u/f45/15/55/14/56/zzzzqk10.gif"></span>
<!-- onglet 3 -->
<span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i45.servimg.com/u/f45/15/55/14/56/zzzzwq14.gif"></span>
<div id="mes_contenus">
<!-- contenu onglet 1 -->
<div id="co_1" class="mon_contenu">
<table class="marge" background="http://img233.imageshack.us/img233/7263/toij.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h1-home" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
</div>
<!-- contenu onglet 2 -->
<div id="co_2" class="mon_contenu" style="display: none;">
<table class="marge" background="http://img155.imageshack.us/img155/534/toi2.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h2-info" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
</div>
<!-- contenu onglet 3 -->
<div id="co_3" class="mon_contenu" style="display: none;">
<table class="marge" background="http://img442.imageshack.us/img442/8076/toi3.png" border="0" cellspacing="0" height="700" width="700" >
<td ><br><br><br><br><br><br><br><br>
<center><iframe name="staff" src="http://thewerewolfpack.forumgratuit.org/h4-plus" scrolling="no" height="540" width="700" FRAMEBORDER="no"></iframe></center>
</table>
</div>
</div></div>
Re: Créer des onglets sur sa page d'acceuil
Merci beaucoup c'est exactement ce que je souhaitais
Sujets similaires
» Créer des onglets en javascript (sous le profil dans les messages)
» Page d'accueil en onglets
» Créer des onglets
» Créer un tableau avec onglets dans un post
» Centrer les onglets de la page d'accueil
» Page d'accueil en onglets
» Créer des onglets
» Créer un tableau avec onglets dans un post
» Centrer les onglets de la page d'accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum