Bonsoir Xplo-sion ^^
J'ai utilisé le code "effet rotation" et l'image de bouge pas au survol...
De plus j'aimerais aussi qu'elle mène à un lien... Ça se trouve c'est ça qui fait que ça ne marche pas... Je ne sais pas...
Mais même avec juste une image (celle de ton exemple) ça ne bouge pas ^^"
J'ai fait l'essai sur mon QEEL (donc placé dans un template...) Et en fait j'aimerais pouvoir placer l'effet sur les images de groupes qui ont déjà un effet... En gros pouvoir le combiner... Mais jusque là je n'ai pas réussi...
Mon forum de test : http://hakuouki-ssl.forumactif.com/forum
- Code:
<!-- BEGIN disable_viewonline -->
<div id="all_qeel">
<!-- TITRE QEEL -->
<div id="d-title"><h1> Qui Est En Ligne ?</h1></div>
<div id="tfa_qeel">
<div id="tfa_one-bloc">
<img width="110" src="http://i46.tinypic.com/3535jki.png" style="position: absolute; top: 20px; right: -56px;" alt="" />
<!-- BLOC DE GAUCHE(statistiques) -->
<div class="tfa_d-container">
<div class="d-content">
<h2>Statistiques</h2>
<div class="in_d-content">
<img style="width: 80px; float:left; margin: 0 0 0 -40px;" src="http://i48.tinypic.com/2rgl8d2.png" alt="statistiques" />
Te voila enfin ! Nous t'attendions avec impatience !
<!-- NOMBRE DE MEMBRES -->
<div id="TFAd3">{TOTAL_USERS}
<script type="text/javascript">
document.getElementById('TFAd3').innerHTML=document.getElementById('TFAd3').innerHTML.replace(/Nous avons /,"Dans les confins des mondes parallèles il y a, ");
document.getElementById('TFAd3').innerHTML=document.getElementById('TFAd3').innerHTML.replace(/membres enregistrés/,"voyageurs du temps. ");
document.getElementById('TFAd3').innerHTML=document.getElementById('TFAd3').innerHTML.replace(/membre enregistré/,"voyageur du temps. ");
</script>
</div>
<!-- NOMBRE DE MESSAGES -->
<div id="TFAd2">{TOTAL_POSTS}
<script type="text/javascript">
document.getElementById('TFAd2').innerHTML=document.getElementById('TFAd2').innerHTML.replace(/Nos membres ont posté un total de /,"Nos voyageurs du temps ont envoyé, ");
document.getElementById('TFAd2').innerHTML=document.getElementById('TFAd2').innerHTML.replace(/messages/,"messages spatio-temporel.");
</script>
</div>
<!-- DERNIER UTILISATEUR ENREGISTRE -->
<div id="TFAd4">{NEWEST_USER}
<script type="text/javascript">
document.getElementById('TFAd4').innerHTML=document.getElementById('TFAd4').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Le dernier voyageur arrivé dans l'un de nos mondes est : ");
</script> . Nous lui souhaitons tous la bienvenue !
</div>
<!-- UTILISATEURS EN LIGNE -->
<span id="TFAd">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Il y a en tout /,"En ce moment dans les confins des mondes parallèles il y a ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/utilisateurs en ligne/,"personnes connectées dont ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/utilisateur en ligne/,"personne actuellement connectée dont ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Enregistrés/,"voyageurs du temps ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Enregistré/,"voyageur du temps ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Invisible et/,"voyageur égaré et ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Invisibles et/,"voyageurs égarés et ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Invités/,"touristes. ");
document.getElementById('TFAd').innerHTML=document.getElementById('TFAd').innerHTML.replace(/Invité/,"touriste. ");
</script>
</div>
</div>
</div>
<!-- BLOC DE DROITE (groupes) -->
<div class="tfa_d-container2">
<div class="d-content">
<h2>Les groupes</h2>
<div class="in_d-content2">
<!-- DEBUT GROUPES AVEC TRANSITIONS -->
<br />
<!-- INFOBULLE GROUPE 1 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l710.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<!-- INFOBULLE GROUPE 2 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l413.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<!-- INFOBULLE GROUPE 3 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l510.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<br />
<br style="clear:both;" />
<!-- INFOBULLE GROUPE 4 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l315.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<!-- INFOBULLE GROUPE 5 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l610.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<!-- INFOBULLE GROUPE 6 -->
<div class="d-transition-tfa">
<img width="60" src="http://i45.servimg.com/u/f45/11/95/30/70/l116.png" alt="" />
<div class="d-block_transition">
<h3>Nom du groupe</h3>
<span>
Ici les infos qui s'afficheront au survol de l’icône <br />
<a href="lien-groupe">Lien vers le groupe</a>
</span>
</div>
</div>
<!-- FIN INFOBULLES AVEC TRANSITIONS DES GROUPES -->
<img style="width: 80px; position: absolute; right: -60px; bottom: -60px;" src="http://i48.tinypic.com/2znqutk.png" alt="" />
<p style="10px Arial;"> Voir tous tes groupes <a href="TON-LIEN"> <stromg>▶</stromg></a></p>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- DERNIERS CONNECTES -->
<div class="tfa_d-container3">
<div id="bloc_bas_qeel">
<div id="derniers_connectes">
<div id="conect-content">
<span id="TFAd5">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">
document.getElementById('TFAd5').innerHTML=document.getElementById('TFAd5').innerHTML.replace(/Utilisateurs enregistrés/,"Ces voyageurs sont là ");</script>
<table id="TFAd6">{L_CONNECTED_MEMBERS}
<script type="text/javascript">document.getElementById('TFAd6').innerHTML=document.getElementById('TFAd6').innerHTML.replace(/Membres connectés/,"Ces voyageurs étaient là ");</script>
</table>
</div>
</div>
<span id="open_derniers_connectes">Voir les derniers connectés <stromg>▼</stromg></span>
</div>
</div>
<!-- ANNIVERSAIRES -->
<div class="tfa_d-container4">
<div class="bloc_bas_qeel">
<div id="d_anniversaires">
<div id="anniv-content">
<table>
{L_WHOSBIRTHDAY_TODAY}
<span id="TFA2p0">
{L_WHOSBIRTHDAY_WEEK}
<script type="text/javascript">document.getElementById('TFA2p0').parentNode.innerHTML=document.getElementById('TFA2p0').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Les voyageurs du temps fêtant leur anniversaire aujourd'hui sont").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Voyageurs du temps fêtant leur anniversaire dans les 7 prochains jours").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun voyageur du temps ne fête son anniversaire aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Aucun voyageur du temps ne fête son anniversaire dans les 7 prochains jours");</script>
</span>
</table>
</div>
</div>
<span id="open_anniversaires">Voir les anniversaires <stromg>▼</stromg></span>
</div>
</div>
<div style="clear:both;"></div>
<img width="100" src="http://i45.tinypic.com/34s31bk.png" style="position: absolute; bottom: 100px; left: -48px;" alt="" />
<!-- BLOC INFORMATIONS -->
<div id="tfa_d-bas">
<div class="d-content">
<h2>Informations</h2>
<div class="in_d-content">
<!-- BLOC TRANSITION DE GAUCHE -->
<div id="bas_d-gauche">
<img height="90" src="http://i45.servimg.com/u/f45/11/95/30/70/p513.png" style="position: absolute; right: 0; top: 4px;" alt="" />
<div id="bloc_part_qeel">
<ul>
<li>
<a style="margin-top: 3px;" class="info_link" href="TON-LIEN">Partenariat</a>
<div>
<p>
Tu souhaites devenir l'un de nos partenaires ?
Il suffit de faire ta demande ici : <a href="TON-LIEN"> Partenaires </a>,
après avoir lu les conditions.
</p>
</div>
</li>
<li>
<a class="info_link" href="TON-LIEN">Membres VIP</a>
<div>
<p>
Le membre VIP est un ancien du staff, un membre actif, un ami...
Tu penses mériter ce rang ? Envoie un MP à un admin.
</p>
</div>
</li>
<li>
<a class="info_link" href="TON-LIEN">Postuler</a>
<div>
<p>
Tu souhaites aider la communauté ? Tu penses avoir l'âme d'un dirigeant ?
Fais ta demande ici : <a href="TON-LIEN"> Postuler</a>
</p>
</div>
</li>
</ul>
</div>
</div>
<!-- BLOC DE DROITE -->
<div id="bas_d-droite">
<p>
<table><tr><td>Suivez-nous :</td> <td><a href="http://ritsukoyamaguchi.skyrock.com/1.html"><img src="http://i47.tinypic.com/iz3nzs.png" alt="" /></a> <a href="http://www.youtube.com/user/OfficielHakuoukiRPG"><img src="http://i47.tinypic.com/b6ebr5.png"></a></td></tr></table>
<table><tr><td>Nous écrire :</td> <td><a href=mailto:"hakuouki.s.k@hotmail.com"><img src="http://i50.tinypic.com/2aetooo.png"></a></td></tr></table> <span class="Xplo1"> <img src="http://www.pixyup.com/uploads/241836314f6e061f60ef8.png" alt="" /></span>
<img style="width: 140px; position: absolute; right: -60px; bottom: 0;" src="http://i45.servimg.com/u/f45/11/95/30/70/s10.png" alt="" />
</p>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<img width="180" src="http://i49.tinypic.com/2ym8t2w.png" style="position: absolute; bottom: -60px; left: 170px;" alt="" />
</div>
</div>
</div>
<!-- END disable_viewonline -->
C'est quasi à la toute fin...
Merci pour ton aide
