Problème avec ma PA
2 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
Problème avec ma PA
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 :
Merci et joyeuse Pâques !
http://leretourdeganon.alianceforum.com
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://illiweb.com/fa/pbucket.gif");
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://illiweb.com/fa/pbucket.gif" /></li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src=" http://illiweb.com/fa/pbucket.gif"/> </li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://illiweb.com/fa/pbucket.gif" /></li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://illiweb.com/fa/pbucket.gif" /> </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&#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&#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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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
Re: Problème avec ma PA
Bonjour.
Cette partie de code dans la PA ne correspond à rien :
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 :
Cordialement.
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.
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Problème avec ma PA
Merci ^^
Problème réglé =)
Problème réglé =)
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