Problème de PA en accordéon

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

Résolu Problème de PA en accordéon

Message par Yuuko Nakami le Lun 24 Oct 2011 - 12:28

Bonjour, bonjour.
J'ai un problème avec les code de cette page :
http://forum.forumactif.com/t315319-pa-en-accordeon?highlight=PA+accord%E9on

En fait, je l'ai fait sur mon forum test et tout allait bien. Je me suis dit que je pouvait le mettre sur mon forum, donc j'ai copier tous les codes correctement et sa ne veux rien m'afficher ><

J'aimerais que quelqu'un m'aide, s'il vous plait ><


Dernière édition par Yuuko Nakami le Jeu 27 Oct 2011 - 20:07, édité 1 fois

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Roxy. le Lun 24 Oct 2011 - 13:23

Bonjour,
Votre forum de test, est-ce que les codes apparaissaient bien ?
Si oui pouvons nous voir le code ?

Cordialement.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Yuuko Nakami le Lun 24 Oct 2011 - 14:41

Bien entendue.
Je vous donne le lien de mon forum test :
http://academie-kagamiya.superforum.fr/

Voici ma généralitée :
Code:
    <div id="one" class="accordion">
        <ul>
            <li>
                <h2><span>Onglet 1</span></h2>
                <div><img src="http://img560.imageshack.us/img560/1790/lfykd.png">

<table><tr>
<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 150px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 150px" ><br><div class="subnav"><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t1-le-reglement"><font size=1px>LE REGLEMENT</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/t5-groupes"><font size=1>LES GROUPES</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t4-avatars-pris"><font size=1>AVATARS PRIS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t8-le-staff#9"><font size=1>LE STAFF</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t7-fiche-type"><font size=1px>LES PRESENTATIONS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/"><font size=1>DEVENIR PARTENAIRE ?</a></div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 490px" ><center><b>CONTEXTE</b></center></div><div style="padding: 7px;  height: 100px; width: 490px" ><div style="width: 490px;height:100px;overflow:auto;"><div align="justify">Avant toutes choses, je dois vous dire que ce lycée n'a pas toujours été comme il l'est à l'heure actuelle. Bien au contraire. C'était un établissement de très grande renommée. Les élèves étaient des surdoués. Leurs avenir était déjà tout tracés à leurs inscriptions. Certains iraient dans les académies les plus grande, d'autre hériteraient de l'entreprise familiale, etc.. En tout cas, personne pourrait immaginer qu'un tel lycée finirait en "lycée poubelle". Et oui, car maintenant, ce lycée accueil des étudiants rebelles, qui n'ont aucuns savoirs vivre.
Tout cela à débuté à l'arrivée de deux élèves. On se demandait comment ils s'étaient débrouillés pour rentrer dans une école comme celle-ci. Ils étaient brute, sans pitié et montaient les élève contre les autres élèves. Même les dirigeant administratif ne pouvaient rien faire contre leur méchanceté. C'était le duo que tout le monde craignait. Et cinquante ans plus tard, le lycée pouvait vraiment être qualifié de déchetterie humaine. Celui qui s'y inscrit ne doit pas avoir en tête de travailler. Mais surtout se battre.
</div></td>
</tr></table>

</div>
            </li>
            <li>
                <h2><span>Onglet 2</span></h2>
                <div>
<img src="http://img560.imageshack.us/img560/1790/lfykd.png">


<center><table><tr>
<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 90px; width: 100px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px;  height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a>
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5
</center></span></div></td></tr></table></div></td>
</table></span>

</div>
            </li>
            <li>
                <h2><span>Onglet 3</span></h2>
                <div><img src="http://img560.imageshack.us/img560/1790/lfykd.png">
<table><tr><td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 120px" ><center><b>STAFF</b></center></div><div style="padding: 5px; height: 100px; width: 120px" ><center><table><tr><td><div class="infobulle"><img src="http://img687.imageshack.us/img687/2690/guim.png">
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">MIKUO ISHIKA</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Fondatrice</div>
<table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/u1"><font size=2px><div align="right">Profil</div></a>
</div></div></td>

<td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/privmsg?mode=post&u=1"><font size=2px><div align="right">MP</div></a>
</div></div></td></tr></table>

</div></div>

</center></span></div></td><td><div class="infobulle"><img src="http://img534.imageshack.us/img534/2754/keikoe.png">
    <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">OKAMI KAMEKO</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Administratrice</div>
<table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">Profil</div></a>
</div></div></td>

<td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">MP</div></a>
</div></div></td></tr></table>

</div></div>



</center></span></div></td></tr></table></center></div>
</div></td>


<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 130px" ><center><b>TOP-SITE</b></center></div><div style="padding: 5px; height: 100px; width: 130px" ><center><table><tr><td><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=5200" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17405" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></td></tr></table><table><tr><td><a href="http://www.root-top.com/topsite/blackycalimera/in.php?ID=2949" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></center></div></td></tr></table>
</div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 130px" ><center><b>PARTENAIRES</b></center></div><div style="padding: 5px;  height: 100px; width: 130px" >

<center><table><tr>
<td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td>    <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td></tr></table>
<table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a>
    <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br>
---------------------------<br>
---------------------------<br>
</center></span></div></td>
</table></span>
    </div></td>

<td><div style="padding: 1px; border-bottom: 2px dotted #242323;  height: 15px; width: 248px" ><center><b> NOUVEAUTÉS </b></center></div><div style="padding: 7px;  height: 100px; width: 248px" ><div style="width: 248px;height:100px;overflow:auto;"><div align="justify">Avant toutes choses, je dois vous dire que ce lycée n'a pas toujours été comme il l'est à l'heure actuelle. Bien au contraire. C'était un établissement de très grande renommée. Les élèves étaient des surdoués. Leurs avenir était déjà tout tracés à leurs inscriptions. Certains iraient dans les académies les plus grande, d'autre hériteraient de l'entreprise familiale, etc.. En tout cas, personne pourrait immaginer qu'un tel lycée finirait en "lycée poubelle". Et oui, car maintenant, ce lycée accueil des étudiants rebelles, qui n'ont aucuns savoirs vivre.
Tout cela à débuté à l'arrivée de deux élèves. On se demandait comment ils s'étaient débrouillés pour rentrer dans une école comme celle-ci. Ils étaient brute, sans pitié et montaient les élève contre les autres élèves. Même les dirigeant administratif ne pouvaient rien faire contre leur méchanceté. C'était le duo que tout le monde craignait. Et cinquante ans plus tard, le lycée pouvait vraiment être qualifié de déchetterie humaine. Celui qui s'y inscrit ne doit pas avoir en tête de travailler. Mais surtout se battre.
</div></td>
</tr></table>
</div>
            </li>
        </ul>
    </div>

Mon CSS (que la partie PA) :

Code:
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ul { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion li > h2 {color: #fff; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; }
 
.accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
 
.accordion li > h2:hover { cursor: pointer; }
 
.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }
 
/****************************************** Base */
.basic li > h2 { background: #333; color: white; line-height: 1.8em; }
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }
 
/****************************************** foncé */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
 
.dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
 
.dark li > h2 span { background: #353535; color: white; }
 
.dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
 
.dark h2.selected b { background: #434343\9; }
.dark li > div { background: #030303; margin-left: 5px; }
 
/*************************************** Arrondis */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

















.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #050505;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;
-moz-border-radius:10px;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 5px;
width: 120px ;
color:#FFFFFF;
border-top: 5px solid #3D3D3D;
border-bottom: 5px solid #3D3D3D;
border-right: 5px solid #3D3D3D;
border-left: 5px solid #3D3D3D;
-moz-border-radius:30px;
border-top-right-radius: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;

}


Et mes deux Javascipts :
Code:
/*************************************************
            *
            *  project:    liteAccordion - vertical accordion plugin for jQuery
            *  author:    Nicola Hibbert
            *  url:        http://nicolahibbert.com/horizontal-accordion-jquery-plugin
            *  demo:        http://www.nicolahibbert.com/demo/liteAccordion
            *
            *  Version:    1.1.3
            *  Copyright:    (c) 2010-2011 Nicola Hibbert
            *
            /*************************************************/
            ;(function($) {
           
              $.fn.liteAccordion = function(options) {
                     
                  // defaults
                  var defaults = {
                    containerWidth : 830,
                    containerHeight : 200,
                    headerWidth : 48,
                 
                    firstSlide : 1,
                    onActivate : function() {},
                    slideSpeed : 800,
                    slideCallback : function() {},     
                 
                    autoPlay : false,
                    pauseOnHover : false,
                    cycleSpeed : 6000,
       
                    theme : 'basic', // basic, light*, dark, stitch*
                    rounded : false,
                    enumerateSlides : false
                  },
               
                  // merge defaults with options in new settings object         
                    settings = $.extend({}, defaults, options),
           
                  // define key variables
                    $accordion = this,
                    $slides = $accordion.find('li'),
                    slideLen = $slides.length,
                    slideWidth = settings.containerWidth - (slideLen * settings.headerWidth),
                    $header = $slides.children('h2'),
                 
                  // core utility and animation methods
                    utils = {
                        getGroup : function(pos, index) {   
                          if (this.offsetLeft === pos.left) {
                              return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth });
                          } else if (this.offsetLeft === pos.right) {
                              return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) });
                          }             
                        },
                        nextSlide : function(slideIndex) {
                          var slide = slideIndex + 1 || settings.firstSlide;
       
                          // get index of next slide
                          return function() {
                              return slide++ % slideLen;
                          }
                        },
                        play : function(slideIndex) {
                          var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure
                              start = function() {
                                $header.eq(getNext()).click();
                              };
                       
                          utils.playing = setInterval(start, settings.cycleSpeed);     
                        },
                        pause : function() {
                          clearInterval(utils.playing);
                        },
                        playing : 0,
                        sentinel : false
                    };   
               
                  // set container heights, widths, theme & corner style
                  $accordion
                    .height(settings.containerHeight)
                    .width(settings.containerWidth)
                    .addClass(settings.theme)
                    .addClass(settings.rounded && 'rounded');
               
                  // set tab width, height and selected class
                  $header
                    .width(settings.containerHeight)
                    .height(settings.headerWidth)
                    .eq(settings.firstSlide - 1).addClass('selected');
               
                  // ie :(
                  if ($.browser.msie) {
                    if ($.browser.version.substr(0,1) > 8) {
                        $header.css('filter', 'none');
                    } else if ($.browser.version.substr(0,1) < 7) {
                        return false;
                    }
                  }
               
                  // set initial positions for each slide
                  $header.each(function(index) {
                    var $this = $(this),
                        left = index * settings.headerWidth;
                     
                    if (index >= settings.firstSlide) left += slideWidth;
                 
                    $this
                        .css('left', left)
                        .next()
                          .width(slideWidth)
                          .css({ left : left, paddingLeft : settings.headerWidth });
                 
                    // add number to bottom of tab
                    settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');     
       
                  });
                     
                  // bind event handler for activating slides
                  $header.click(function(e) {
                    var $this = $(this),
                        index = $header.index($this),
                        $next = $this.next(),
                        pos = {
                          left : index * settings.headerWidth,
                          right : index * settings.headerWidth + slideWidth,
                          newPos : 0
                        },
                        $group = utils.getGroup.call(this, pos, index);
                                 
                    // set animation direction
                    if (this.offsetLeft === pos.left) {
                        pos.newPos = slideWidth;
                    } else if (this.offsetLeft === pos.right) {
                        pos.newPos = -slideWidth;
                    }
                 
                    // check if animation in progress
                    if (!$header.is(':animated')) {
       
                        // activate onclick callback with slide div as context   
                        if (e.originalEvent) {
                          if (utils.sentinel === this) return false;
                          settings.onActivate.call($next);
                          utils.sentinel = this;
                        } else {
                          settings.onActivate.call($next);
                          utils.sentinel = false;
                        }
       
                        // remove, then add selected class
                        $header.removeClass('selected').filter($this).addClass('selected');
                 
                        // get group of tabs & animate     
                        $group
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) })
                          .next()
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed);
                           
                    }
                  });
                 
                  // pause on hover     
                  if (settings.pauseOnHover) {
                    $accordion.hover(function() {
                        utils.pause();
                    }, function() {
                        utils.play($header.index($header.filter('.selected')));
                    });
                  }
                     
                  // start autoplay, call utils with no args = start from firstSlide
                  settings.autoPlay && utils.play();
               
                  return $accordion;
               
              };
           
            })(jQuery);

Code:
$(document).ready(function(){
            $('#one').liteAccordion({
                          onActivate : function() {
                              this.find('figcaption').fadeOut();
                          },
                          slideCallback : function() {
                              this.find('figcaption').fadeIn();
                          },
                          autoPlay : true,
                          pauseOnHover : true,
                          theme : 'dark',
                          rounded : true,
                          enumerateSlides : true           
                    }).find('figcaption:first').show();
            });

Voilà, je sais pas si il faut les codes de mon vrai forum donc vous me direz cela ^^
Merci beaucoup *O*

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Yuuko Nakami le Mar 25 Oct 2011 - 12:04

Je crois qu'il faut envoyer un UP au bout de 24 heures si je ne me trompe pas alors je dis UP *O*

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Yuuko Nakami le Mer 26 Oct 2011 - 13:44

Up, onegai shimasu *O*

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Yuuko Nakami le Jeu 27 Oct 2011 - 14:50

Bon.. Et bien encore un UP ><
Es-ce que quelqu'un peut m'aider s'il vous plait ><

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par Invité le Jeu 27 Oct 2011 - 15:05

Bonjour,

Si le code fonctionne bien sur votre forum test, le problème vient surement d'ailleurs.
Avez-vous mis votre template overall_header à jour sur votre autre forum.
> http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript

Cordialement.

Invité
Invité


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

Résolu Re: Problème de PA en accordéon

Message par Yuuko Nakami le Jeu 27 Oct 2011 - 17:48

Han ! Merci beaucoup Isolde sa marche ! *O*

Yuuko Nakami
**

Messages : 77
Inscrit(e) le : 20/05/2011

http://sweet-yuri.forumactif.com
Yuuko Nakami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de PA en accordéon

Message par julworld le Jeu 27 Oct 2011 - 18:50

Bonsoir,

Si votre problème est résolu, pensez à le signaler en cochant l'icône résolu (en éditant votre premier message). Wink

Cela falicitera le boulot du staff. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld 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