Un accueil en onglet

[Lalita18]

Bonsoir,
Je reviens vers vous car je suis sur le pont de laisser tomber de découragement.
Cela fait un moment que je veux installer une page d'accueil en onglet.

J'ai suivi le tuto que j'ai trouver ici, et sa marche plutôt bien j'ai testé est j'ai bien ma page d'accueil avec les onglets SEULEMENT quoi que je fasse ça reste sur le premier onglet, j'ai beau cliqué encore et encore sur le deuxième onglet rien n'y fait. Je désespère vraiment là

Voici le code de la page d'accueil

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';</script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Généralité</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Crédits et partenaires</li>
        </ul>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><table
 style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;"><img
 style="width: 300px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/444325bienvenue4.png"><br>
Once more with feelings est une nouvelle communauté
basée sur le graphisme et l'écriture. Ici vous
pourrez trouvez des tutos, des photoshoots et autres ressource dans vos
graphismes<br>
Mais aussi un endroit ou faire partage votre passion pour
l'écriture</td>
      <td>
      <div style="text-align: center;"><img
 style="width: 186px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/128418540516bienvenue4.png"><br>
      </div>
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="0">
        <tbody>
          <tr>
            <td><img alt=""
 src="http://img11.hostingpics.net/pics/266977Base154.png"
 style="border: 0px solid ; width: 100px; height: 100px;"></td>
            <td>
            <h1>Lalita </h1>
Administratrice dévoué et fondatrice du forum</td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</div>
    <div id="co_2" class="mon_contenu" style="display: none;"><table
 style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: center;"><img
 style="width: 174px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/712653bienvenue42.png"><br>
Version 1 - Les tourments de Wynona <br>
By - Lalita<br>
Codage by - Lalita</td>
      <td style="text-align: center;"><span
 class="lumiere"><img style="width: 165px; height: 100px;"
 alt=""
 src="http://img11.hostingpics.net/pics/541163bienvenue43.png"></span><br>
      <marquee scrollamount="2" direction="up"
 width="200" height="100">
      <div style="text-align: center;">Pas pour le moment </div>
      </marquee>
      <br>
      </td>
    </tr>
  </tbody>
</table>
</div>

</div>

et celui du CSS

Code:

body {
background-repeat: no-repeat;
}

ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #E2E2E0;
  background: #070003;
  border: 1px solid #6A6A6A;
  cursor: pointer;
  margin-bottom: -1px;
-moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-top-left-radius: 6px;
} 
.mon_onglet:hover{
  background: #070003;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #E2E2E0;
  background: #070003;
  border-top: 1px solid #6A6A6A;
  border-right: 1px solid #6A6A6A;
  border-left: 1px solid #6A6A6A; 
  border-bottom: 1px solid #6A6A6A; 
  cursor: pointer; 
  margin-bottom: -1px;
-moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-top-left-radius: 6px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #E2E2E0;
  background: #070003;
  border: 1px solid #6A6A6A;
  padding: 10px;
        margin: -1px; 
-moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-top-left-radius: 6px;       
}
#mes_contenus, #mes_onglets{
  width: 800px;
}

h1
{
font-size: 20px;
COLOR: #E2E2E0;
text align: center
}

h2
{
font-size: 16px;
COLOR:#E2E2E0;
}

a { text-decoration: none; }

a:link
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}

a:visited
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}

a:active
{text-decoration:none;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#69A9B2;
cursor: se-resize;
font-size: 14px;}

a:hover
{text-decoration:none;
text-transform:uppercase;
text-shadow: #583C1D 1px 1px 1px
font-variant : small-caps;
color:#DAB58B;
cursor: se-resize;
font-size: 14px; }


Et je n'ai pas modifié les templates
Est ce que quelqu'un pourrais me dire ou est mon problème

[Invité]

Bonjour,

Il manque un petit bout du script, je l'ai remplacé dans votre message d'accueil, et ça fonctionne sur mon forum test:

Code:

<script type="text/javascript">
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);">Généralité</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Crédits et partenaires</li>
        </ul>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><table
 style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;"><img
 style="width: 300px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/444325bienvenue4.png"><br>
Once more with feelings est une nouvelle communauté
basée sur le graphisme et l'écriture. Ici vous
pourrez trouvez des tutos, des photoshoots et autres ressource dans vos
graphismes<br>
Mais aussi un endroit ou faire partage votre passion pour
l'écriture</td>
      <td>
      <div style="text-align: center;"><img
 style="width: 186px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/128418540516bienvenue4.png"><br>
      </div>
      <table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="0">
        <tbody>
          <tr>
            <td><img alt=""
 src="http://img11.hostingpics.net/pics/266977Base154.png"
 style="border: 0px solid ; width: 100px; height: 100px;"></td>
            <td>
            <h1>Lalita </h1>
Administratrice dévoué et fondatrice du forum</td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
</div>
    <div id="co_2" class="mon_contenu" style="display: none;"><table
 style="width: 770px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="2" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: center;"><img
 style="width: 174px; height: 100px;" alt=""
 src="http://img11.hostingpics.net/pics/712653bienvenue42.png"><br>
Version 1 - Les tourments de Wynona <br>
By - Lalita<br>
Codage by - Lalita</td>
      <td style="text-align: center;"><span
 class="lumiere"><img style="width: 165px; height: 100px;"
 alt=""
 src="http://img11.hostingpics.net/pics/541163bienvenue43.png"></span><br>
      <marquee scrollamount="2" direction="up"
 width="200" height="100">
      <div style="text-align: center;">Pas pour le moment </div>
      </marquee>
      <br>
      </td>
    </tr>
  </tbody>
</table>
</div>

</div>

Cordialement.

[Lalita18]

Ca maaarccche !!! Merci !!!!