Problème dans les onglets
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 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
Problème dans les onglets
Rappel du premier message :
bonjour
Bon voila ma chat box elle est comme pas du tout centrer dans mon onglet et je voudrais savoir qu'est ce que je dois modifier pour cela ^^' Et si vous pouvez m'aider aussi pour que les catégorie et les sujets du forum sois plus large j'ai tout essayer même d'autres personnes qui sont venu m'aider, mais j'ai jamais réussis...
J'aimerais plus savoir comment on fait pour retirer un onglet car je préfère la chat box original du forum mais j'ai faite un onglet juste pour la chat box...
code dans page d'acceuil
Le css
bonjour
J'aimerais plus savoir comment on fait pour retirer un onglet car je préfère la chat box original du forum mais j'ai faite un onglet juste pour la chat box...
code dans page d'acceuil
<script src="https://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Chat Box</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">
<img src="https://2img.net/r/ihimizer/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><th style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></th>
<th style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</th>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>
<br><div style="margin:auto;text-align:center;width:100%"><img src=" https://2img.net/r/ihimizer/img684/8605/anim2x.gif" border="0" alt="" /> </div>
</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>
-Bien respectez les réglements du Forum
<br>
-Avoir un bon language
<br>
-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.</i></div>
>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">
<div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->
</td>
</tr>
</table>
</div><div id="co_4" class="mon_contenu" style="display: none;">
<table>
<tr>
<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*PTEyOTI1MzMwMzA4MTUmcHQ9MTI5MjUzMzA*NDEzOCZwPTUzMTUxJmQ9Jmc9MiZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNjJm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=125515886" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=125515886">Go Large!</a></small><br>
</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />
<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>
</td>
</tr>
</table>
</div>
</div></ul></div>
Le css
ul, li{
list-style: none;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000000;
background: #FEFEFE;
border: 1px solid#FEFEFE ;
cursor: pointer;
margin-bottom: -1px;
}
.mon_onglet:hover{
background: #E7EFEE;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000000;
background: #FEFEFE;
border-top: 1px solid #ACB5B4;
border-right: 1px solid #ACB5B4;
border-left: 1px solid #ACB5B4;
border-bottom: 1px solid #ACB5B4;
cursor: pointer;
margin-bottom: -1px;
}
.clear{
clear: both;
}
.mon_contenu{
color: #000000;
background: #FEFEFE;
border: 2px solid #FEFEFE;
padding: 2px;
margin-left: -40px;}
#mes_contenus, #mes_onglets{
width: 100%;
}
/* Chatbox-------------------------------------------------------------*/body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #ffffff;
}
#chatbox_header {
height: 30px;
}
#chatbox_header.main-head {
padding: 0 1.3em;
color: #dedfdf;
background-color: #000000;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
background-color: #ffffff;
border-right: 1px solid #000000;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #ffffff;
color : #11470E;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 4px;
background-color: #ffffFF;
}
.chatbox_row_2 {
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #ffffFF;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #ffffff;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #000000;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #000000;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #000000;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #000000;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f3c4ff;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #ffd6fe;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #ecc5ff;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #b225ff;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 2px;
border-style: dotted none none dotted;
line-height: 130%;
background-color: #DDDDFF;
border-color: #FFFFFF;
}
#pun-about {
border-style: dotted;
border-width: 2px;
border-color: #FFFFFF;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-color: #DDDDFF;
}
.pun .paged-head, .pun .paged-foot {
border: 2px dotted #FFFFFF;
background-color: #;
background-image : none;
background-repeat:no-repeat;
margin: 0px;padding: 0px;
}
#onlinelist {
border-top: 2px dotted #FFFFFF;
padding: 0.6em 1em;
background-color: #DDDDFF;
}
a { text-decoration: none; }
a:hover
{
text-decoration: none ;
}
Dernière édition par Sultanna le Mar 1 Mar 2011 - 16:47, édité 1 fois
Re: Problème dans les onglets
Bonjour,
Roh làlà, pardon, j'étais pas réveillée hier, j'ai trouvé comment enlever l'image.
Cordialement.
Roh làlà, pardon, j'étais pas réveillée hier, j'ai trouvé comment enlever l'image.
- Code:
<script>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';
}
}
}
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Chat Box</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">
<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><td style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></td>
<td style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</td>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>
</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>
-Bien respectez les réglements du Forum
<br>
-Avoir un bon language
<br>
-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.</i></div>
>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->
</td>
</tr>
</table>
</div><div id="co_4" class="mon_contenu" style="display: none;">
<table>
<tr>
<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*PTEyOTI1MzMwMzA4MTUmcHQ9MTI5MjUzMzA*NDEzOCZwPTUzMTUxJmQ9Jmc9MiZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNjJm9mPTA=.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" width="540" height="405" name="chat" FlashVars="id=125515886" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=125515886">Go Large!</a></small><br>
</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />
<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>
</td>
</tr>
</table>
</div>
</div></ul></div>
Cordialement.
Invité- Invité
Re: Problème dans les onglets
humm ^^' je sais que tu va me détester ^^' mais pourrais tu retirer l'image dans ce code la car je lest modifié et je n'arrive plus à le remodifier après XD. oui je suis limité llool
- Code:
<script>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';
}
}
}
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">
<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><th style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></th>
<th style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</th>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>
</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>
-Bien respectez les réglements du Forum
<br>
-Avoir un bon language
<br>
-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.
<br>
<br>
Je recherche aussi un Admin qui pourrais m'aider à gérer tout le forum, vous pouvez vous proposez avec le formulaire qu'il y à dans Suggestions.
>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->
</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />
<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>
</td>
</tr>
</table>
</div>
</div></ul></div>
Re: Problème dans les onglets
Ça devrait être bon comme ceci:
J'ai remplacé les <th style="width:50%"> par <td style="width:50%"> et les </th> par </td>.
Cordialement.
- Code:
<script>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';
}
}
}
}
</script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Information</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Tableau</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Musique</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<table>
<tr>
<td class="row1" width="100%" height="100%" style="text-align:center;">
<img src="http://img707.imageshack.us/img707/3002/69896055banniere7cjpng.png" border="0" alt="" /><br><br>
<strong>Bienvenue sur NrN</strong> <br><br>
</span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed">Tout ce passe dans Naruto shippuden. L'akatsuki cours toujours après les Bijuus, tandis que les Jinchurikis tente de rester en vie pour détruire l'akatsuki. Choisissez votre personnage et rejoingnez le monde de Naruto. C'est à vous maintenant de décider quel tournure le monde des Ninjas ira. Serez vous dans le bien ou le mal...</td></tr></table><table style="width:100%">
<tr><td style="width:50%">
<span style="font-size: 18px; line-height: normal">
<strong><u>Liens Utiles</u></strong></td>
<td style="width:50%"><strong><u>Voter! Pour le bien du forum. Merci =D</u></strong>
</td>
</tr>
</span><tr><td style="width:50%">
<a href="http://naruto-rpg-ninja.forumactif.biz/reglements-f1/" class="postlink">Réglements</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/les-personnages-f23/personnages-de-naruto-pris-le-niveau-de-rp-requis-pour-t3.htm" class="postlink">Personnages</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/presentations-f4/" class="postlink">Présentations</a><br>
<a href="http://naruto-rpg-ninja.forumactif.biz/fiche-des-ninjas-f3/" class="postlink">Fiches Ninjas</a><br>
</td><td style="width:50%">
<a href="http://www.root-top.com/topsite/nacimem/in.php?ID=4496" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/nacimem/banner.gif" border="0" alt="" /></a>
</td></tr></table>
</td>
</tr>
</table>
</div><div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="100%" height="100%">
<span style="font-size: 18px; line-height: normal"><strong><div style="margin:auto;text-align:center;width:100%"><strong>Bonjour, Nous recrutons 10 Modérateurs! Un pour chaque village.. Les restrictions pour devenir Modérateur</strong>
<br>
<br>
<font color="red">-Être Kage de ce village
<br>
-Bien respectez les réglements du Forum
<br>
-Avoir un bon language
<br>
-Être actif</font>
<br>
<br>
<i>Être Kage d'un village n'est pas seulement un avantage, il y à des responsabilités liés à cela. Vous devez être actif puisque c'est vous qui donnerez les missions au ninja et protégez votre village.
Vous voulez en devenir un? Envoyez moi un mp en me disant pourquoi je devrais vous choisir et quel village que vous voulez.
<br>
<br>
Je recherche aussi un Admin qui pourrais m'aider à gérer tout le forum, vous pouvez vous proposez avec le formulaire qu'il y à dans Suggestions.
>!</strong></span>
</td></tr></table>
</div><div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 18px; line-height: normal"><strong>Les Kages</strong></span></div>
<br>
<font color="green"><strong>Konoha</strong></font> --->
<br>
<font color="yellow"><strong>Suna</strong> </font> --->
<br>
<font color="orange"><strong>Kumo</strong> </font> --->
<br>
<font color="indigo"><strong>Oto</strong> </font> --->
<br>
<font color="cyan"><strong>Kiri</strong> </font>--->
<br>
<font color="brown"><strong>Iwa</strong></font> --->
<br>
<font color="cyan"><strong>Ame</strong></font> --->
<br>
<font color="violet"><strong>Kusa </strong></font> --->
<br>
<font color="olive"><strong>Taki</strong> </font> --->
<br>
<font color="blue"><strong>Yuki</strong> </font> --->
<br>
<strong>Déserteur</strong> --->
<br>
<font color="darkblue"><strong>Taka</strong></font> --->
<br>
<font color="darkred"><strong>Akatsuki</strong></font> --->
</td>
</tr>
</table>
</div><div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="100%" height="100%">
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODk5MTg4ODU*OTYmcHQ9MTI4OTkxODkwMzcwMyZwPTE4MDMxJmQ9Jmc9MSZvPTliODkyMjMzOTI5MTRkOGU5Mjgy/YWYzYjQzM2E*YWNj.gif" />
<embed src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=71884339&path=2010/11/16" quality="high" wmode="transparent" flashvars="mycolor=1B1B1E&mycolor2=EBEBF7&mycolor3=C5D1CE&autoplay=false&rand=0&f=4&vol=100&pat=18&grad=false" width="165" height="382" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:165px;height:382px;" />
<br>
<a href="http://www.mixpod.com/playlist/71884339" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music">
</a>
<a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist">
</a>
<a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a>
</td>
</tr>
</table>
</div>
</div></ul></div>
J'ai remplacé les <th style="width:50%"> par <td style="width:50%"> et les </th> par </td>.
Cordialement.
Invité- Invité
Re: Problème dans les onglets
Euuh je veux pas avoir l'air rabat joie ^^' mais il à des écritures pas normal qui sont apparu o.0
https://2img.net/r/ihimizer/img822/2235/tatatatad.jpg
https://2img.net/r/ihimizer/img822/2235/tatatatad.jpg
Re: Problème dans les onglets
Sur la capture il manque "<" au tout début du code. Je vois script> alors qu'il faut <script>.
Sur mon forum test ça fonctionne.
Sur mon forum test ça fonctionne.
Invité- Invité
Re: Problème dans les onglets
haha ^^' j'ai l'air conne il me manquais qu'un < XD
Je crois que j'ai plus de problème merciiiii ^^
si jamais il y à autre chose j'ouvrirai un autre sujet thanks
Je crois que j'ai plus de problème merciiiii ^^
si jamais il y à autre chose j'ouvrirai un autre sujet thanks
Page 2 sur 2 • 1, 2
Sujets similaires
» Problème de codes dans une PA en onglets.
» Problème dans un QEEL avec onglets et description au survol du titre
» Problème code javascript permettant d'afficher plusieurs catégories dans des onglets
» Problème avec un système d'onglets dans les messages.
» Problème d'affichage des onglets dans une PA (en iframe avec du javascript)
» Problème dans un QEEL avec onglets et description au survol du titre
» Problème code javascript permettant d'afficher plusieurs catégories dans des onglets
» Problème avec un système d'onglets dans les messages.
» Problème d'affichage des onglets dans une PA (en iframe avec du javascript)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum