Un accueil en onglet

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

Résolu Un accueil en onglet

Message par Lalita18 le Mer 1 Juin 2011 - 3:02

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


Dernière édition par Lalita18 le Mer 1 Juin 2011 - 18:12, édité 1 fois

Lalita18
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 30/05/2011

http://feelings.actifforum.com/
Lalita18 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un accueil en onglet

Message par Invité le Mer 1 Juin 2011 - 8:57

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.

Invité
Invité


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

Résolu Re: Un accueil en onglet

Message par Lalita18 le Mer 1 Juin 2011 - 18:11

Ca maaarccche !!! Merci !!!!

Lalita18
Nouveau membre

Féminin
Messages : 12
Inscrit(e) le : 30/05/2011

http://feelings.actifforum.com/
Lalita18 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