Problème avec ma PA

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

Résolu Problème avec ma PA

Message par fan-de-DQ le Ven 6 Avr 2012 - 19:33

Bonjour !

Cela fait un moment que je ne suis pas passé. J'étais disons... Ailleurs ^^'

J'ai encore un problème : La fonction onglet de ma PA ne marche plus. Quand je clique sur le titre d'un onglet ( une titre en image ) la PA ne change pas d'onglet. Je me suis ressourcé sur un autre forum mais ils n'ont rien pu faire. À ce qu'on m'a dit, vous avez changé vos codes, c'est ça ? Est-ce que quelqu'un peut m'aider ?

Voici les codes :

Le CSS:
Code:
/*-----------------PA----------------- */

div.infobulle
{
position: relative;
float: left;
color: white;
}

div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #586a40; /* couleur du fond de l'infobulle */
color: #fff; /* couleur du texte */
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
border-color:#000000; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}

.mon_onglet{ /*apparence de l'onglet visible a l'arrivée*/
float: left;
margin-bottom: -35px;
cursor: pointer;
list-style: none;}


.mon_onglet_selected{ /*apparence de l'onglet actif*/
float: left;
margin-bottom: -35px;
cursor: pointer;

list-style: none;}


.clear{
clear: both;}

.mon_contenu{/*apparence de la partie qui contiendra vos informations*/
color:#bfe0a8;
background-image: url("http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/fd_qeel1.png");
border: 3px solid #586a40;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
padding: 25px;
list-style: none;
height: 300px;}

#mes_contenus, #mes_onglets{
width: 800px;/*largeur du tout par rapport a la page d'accueil*/
height: 380px; /*hauteur du contenu*/}

.boiteta1{
margin:10px;
font-size:12px;
padding:8px;
text-align:justify;
border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
background: #586a40;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;
opacity:0.5}

.boiteta1:hover{
margin:10px;
font-size:12px;
padding:8px;
text-align:justify;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
background: #586a40;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;
opacity:0.7}

.titreta1{
text-shadow: 21px 4px 18px #000000 ;
margin:10px;
font-size:20px;
padding:5px;
text-align:center;
border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
background: #586a40;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;
opacity:0.8}

.titreta1:hover{
text-shadow: 21px 4px 18px #000000 ;
margin:10px;
font-size:20px;
padding:5px;
text-align:center;
border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
background: #586a40;
-webkit-transition:All 4s ease;
-moz-transition:All 4s ease;
-o-transition:All 4s ease;
opacity:0.5}

.transparence{
opacity:0.5;
background-color:#000000;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;
}

Le HTML:
Code:
<script src="http://testofzest.forumgratuit.org/h2-onglet"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/titre_pa_02.png" /></li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src=" http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/pa_03.png"/> </li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/titre_pa_04.png" /></li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/titre_pa_05.png" /> </li>
</ul><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<table width="700">
<tr>
<td width="700" colspan="2"><div class="titreta1">Bienvenue à Hyrule jeune {USER&amp;#8288;NAME} !</div></td>
</tr>
<tr>
<td rowspan="2" width="400"><div class="boiteta1"> <center>Bienvenue à Hyrule jeune Hylien !</center> <br>Tu as entendu la rumeur ? Non ? Eh bien voilà, il paraît que Ganondorf est de retour ! Il monte maintenant une armée contre nous et cherche une mystérieuse épée nommée Armaggedon pour nous détruire ! Ce n'est pas tout, son armée se compose non seulement de monstres et de bêtes maléfiques, mais aussi d'Hyliens possédés ! Cependant, pas la peine de courir aux abris. Tu n'as qu'à bien t'équiper et à choisir le bon clan et tu tiendras sûrement le coup.<br> <center>Bonne chance, pauvre mortel !</center></div></td>
<td width="300"><div class="boiteta1"> ♣ [??/??] <br>
</div>
</td>
</tr>
<tr>
<td width="300"><div class="boiteta1"> <center><a href="http://leretourdeganon.alianceforum.com/f16-la-grande-charte-d-hyrule" class="postlink" target="_blank" rel="nofollow">1: La charte d'Hyrule</a><br>
<a href="http://leretourdeganon.alianceforum.com/f15-presentez-vous" class="postlink" target="_blank" rel="nofollow">2: Les Présentations</a><br>
<a href="http://leretourdeganon.alianceforum.com/f7-registre-de-l-etat-civil" class="postlink" target="_blank" rel="nofollow">3: Le Registre de l'état</a><br>
<a href="http://leretourdeganon.alianceforum.com/f64-la-legende-avant-le-temps" class="postlink" target="_blank" rel="nofollow">4: La Légende nous a raconté...</a><br>
<a href="http://leretourdeganon.alianceforum.com/f39-la-taverne-hylienne" class="postlink" target="_blank" rel="nofollow">♦ La taverne d'Hyrule</a><br><a href="http://leretourdeganon.alianceforum.com/f20-des-suggestions" class="postlink" target="_blank" rel="nofollow">♦ Améliorer Hyrule</a><br><a href="http://leretourdeganon.alianceforum.com/f40-l-echo-d-hyrule" class="postlink" target="_blank" rel="nofollow">♦ L'Écho d'Hyrule</a><br><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" class="postlink" target="_blank" rel="nofollow">♦ Les alliés d'Hyrule</a><br><a href="http://leretourdeganon.alianceforum.com/f68-nous-aider" class="postlink" target="_blank" rel="nofollow">♦ Nous aider ?</a><br></center>

</div>
</td>
</tr>
</table>

</div><div id="co_2" class="mon_contenu" style="display: none;">
 <table width="700">
<tr>
<td width="700" colspan="3"><div class="titreta1">Dernièrement, voici ce qui s'est passé à Hyrule cher {USER&amp;#8288;NAME}.</div></td>
</tr>
<tr>
<td rowspan="2" width="150"> <div class="infobulle">
          <img src="http://img15.hostingpics.net/pics/763512PA1.png" class="transparence" style="margin-left:3px;" />
          <span>Link ¤ Fondateur d'Hyrule</span></div><br /><div class="infobulle">
          <img src="http://img15.hostingpics.net/pics/341371PA2.png" class="transparence" style="margin-left:3px;" />
          <span>Misao ¤ Administratrice</span></div><br /><div class="infobulle">
          <img src="http://img15.hostingpics.net/pics/565231PA3.png" class="transparence" style="margin-left:3px;" />
          <span>Alistair ¤ Administrateur</span></div>
</td>
<td width="300"><div class="boiteta1"> ♦ On recherche 3 administrateurs<br>
 ♦ On recherche 7 modérateurs <br>
 ♦ On recherche 5 rédacteurs <br>
</div>
</td>
<td rowspan="2" width="250"><div class="boiteta1"> Le mythe de la création d'Hyrule se déroule à travers les âges entre les sages du pays. Il parle du temps avant le temps, ou du moins avant que les premiers êtres commencent à compter le temps. Le pays d'Hyrule est né lorsque trois déesses, Din, Nayru et Farore, descendirent du ciel et mirent de l'ordre dans la masse de poussière cosmique. Puis, elles créèrent cinq différentes races. La suite <a href="http://leretourdeganon.alianceforum.com/f64-la-legende-avant-le-temps?tid=adb1a93b469113611ef80fb52a8e2122" class="postlink">ici</a>.
</div></td>
</tr>
<tr>
<td width="300"><div class="boiteta1">
PA par Kikino de <a href="http://templactif.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow">Templactif</a><br>Profils par Opium Journey de <a href="http://templactif.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow">Templactif</a><br>Forum créé par Link<br>
Forum optimisé pour Mozilla Firefox, Google Chrome, Safari et tous les navigateurs gérant le HTML(5) et le CSS(3). Déconseillé sur Opera et Internet Explorer.</div>
</td>
</tr>
</table>
    </div><div id="co_3" class="mon_contenu" style="display: none;">
<table width="700">
<tr>
<td width="700" colspan="2"><div class="titreta1">Ils se sont ralliés à notre cause !</div></td>
</tr>
<tr>
<td width="350"><div class="boiteta1"> <marquee><span><a href="http://templactif.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/120042logo88copie.png" border="0" alt="" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><a href="http://zelda-tbe.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.tinypic.com/f9jxg5.png" border="0" alt="" /></a><a href="http://pub2.forumactif.com/index.htm" target="_blank" ><img src="http://kiri84.free.fr/logocity.png" border="0" alt="Pub city forum d'aide et de conseil pour la pub" /></a><a href="http://okami-the-return.forumgratuit.org/" class="postlink" "postlink"><img src="http://i41.tinypic.com/16lk1aq.png" border="0" alt="" /></a></div>
</td> 
<td width="350"><div class="boiteta1"> <a href="http://zelda-tbe.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.tinypic.com/f9jxg5.png" border="0" alt="" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a><a href="http://leretourdeganon.alianceforum.com/f65-partenariat" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/toru/logo.gif" alt="La Légende de Zelda : Le retour de Ganondorf"  title="La Légende de Zelda : Le retour de Ganondorf" /></a></marquee></span></div>
</td> 
</tr>
</table>
 </div><div id="co_4" class="mon_contenu" style="display: none;"><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*PTEzMjc4NzgwMzk*NjUmcHQ9MTMyNzg3ODA*MTg3NSZwPTE4MDMxJmQ9Jmc9MSZvPTExM2I3NGU1MThkYTRmN2M5NTQ2/OGU3ODY2NGI5Njgy.gif" /><embed src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=85907086&path=2011/10/02" quality="high" wmode="window" bgcolor="000000" flashvars="mycolor=000000&mycolor2=d6edc5&mycolor3=5b6133&autoplay=false&rand=0&f=4&vol=100&pat=13&grad=false" width="410" height="311" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:250px;" /><br><a href="http://www.mixpod.com/playlist/85907086"><img src="http://assets.mixpod.com/images/btn2-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/btn2-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/user/22815838"><img src="http://assets.mixpod.com/images/btn2-profile.gif" alt="View Profile" title="View all my playlists!" border="0"></a><br />Create a <a href="http://mixpod.com">MySpace Playlist</a> at <a href="http://mixpod.com">MixPod.com</a><br><span style="font-size: 10px; line-height: normal">PA par Kikino de <a href="http://templactif.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow">Templactif</a></span>
</div>
</div>
</div>

Le résultat visuel pour les intéressés:

Merci et joyeuse Pâques !

http://leretourdeganon.alianceforum.com

fan-de-DQ
*

Messages : 48
Inscrit(e) le : 28/08/2011

http://leretourdeganon.alianceforum.com
fan-de-DQ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par Lixyr le Sam 7 Avr 2012 - 14:30

Bonjour.

Cette partie de code dans la PA ne correspond à rien :
<script src="http://testofzest.forumgratuit.org/h2-onglet"></script>

retirez cette partie, enregistrez, puis allez dans la gestion des codes javascript, et rajoutez une nouvelle page javascript avec ce code, sur la page d'accueil :

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';
                }
              }
          }     
        }

Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma PA

Message par fan-de-DQ le Sam 7 Avr 2012 - 18:26

Merci ^^

Problème réglé =)

fan-de-DQ
*

Messages : 48
Inscrit(e) le : 28/08/2011

http://leretourdeganon.alianceforum.com
fan-de-DQ 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