Une petite modification de code pour une page d'accueil

par Sara Lun 22 Mai 2017 - 13:29

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 22.05.2017
Lien du forum : http://ciclospecchio.forumperso.com/

Description du problème

Bonjour !

Je souhaite que les partenaires de ma page d'accueil défilent et, lorsqu'on arrête la souris sur un des logos, le défilement doit s'arrêter. Je ne suis pas très douée en codage, je ne voudrais pas tout déglinguer si je tentais de le faire moi-même ^^'

Si vous ne voyez pas ce que je veux dire, je peux essayer de trouver un exemple parce que je n'en ai pas sous la main...

Je vous laisse le code la page d'accueil, je ne pense pas qu'il y ait besoin du CSS mais je pourrais le rajouter !

Code:: <br /> <div style="text-align: center;"> <br /><span style="font-family: georgia; color: rgb(119, 136, 153); line-height: 6px; font-size: 48px;"><span style="color: rgb(119, 136, 153);">Ciclo Specchio</span></span><br /><br /><br /> <center> <table> <tbody> <tr> <td> <div style="width:500px;" class="cadre"> <br /> <center> <div style="float: left; padding-left: 10px; padding-right:10px; padding-top:10px;"> <img src="https://img15.hostingpics.net/pics/792508contex11.png" /> </div> <div style="height:110px;padding:3px; overflow: auto;text-align:justify;"> <div style="margin-top:5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;"> Contexte </div> <br />"Une Île... Une Île enchantée, aux habitants hors de la réalité, quelque part au large des côtes d'Italie. Ici vivent des enfants triés sur le volet, des enfants qui, tous, se transforment la nuit tombée. Hébergés par le Maître des Lieux dans une luxueuse maison, ils en disparaissent mystérieusement passé leurs vingt-cinq ans, sans qu'aucun des habitants de l'île n'en paraisse perturbé. Mais certains d'entre eux ont décidé d'en savoir plus...<br /><br /> Qui seras-tu ? Un membre du Cercle Lunaire enquêtant sur les disparitions ? Un membre du Cercle Pur, ancien jouet mis au rebut par le Maître des Lieux ? Un de ses acolytes du Cercle Obscur ? Une créature attachée à l'Île, membre du Cercle Brumeux ? Seras-tu, ou non, le prochain Enfant de la Lune ?" </div> </center> </div> </td> <td> <div style="width:250px;" class="cadre"> <br /><br /> <center> <table> <tbody> <tr> <td> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Great+Vibes|Stint+Ultra+Condensed" /> <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;text-align:center;"> Luna </div><br /><img style="width:110px;;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/881016image10.png" /><br /> <center> <strong>Admin</strong><br />MP - PROFIL </center> </td> <td> <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;text-align:center;"> Myhres </div><br /><img style="width:110px;;border:4px solid #DDDDEE;" src="http://www.zupimages.net/up/17/18/zk0n.png" /><br /> <center> <strong>Admin</strong><br />MP - PROFIL </center> </td> </tr> </tbody> </table> </center> </div> </td> </tr> </tbody> </table> <table> <tbody> <tr> <td> <div style="width:220px" class="cadre"> <br /> <div align="center"> <div style="margin-bottom: 5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;text-align:center;"> Membre du mois </div> </div> <center> <a href="http://ciclospecchio.forumperso.com/"><img style="width:180px;border:4px solid #DDDDEE;" src="https://img15.hostingpics.net/pics/940722membre11.png" /></a> </center> </div> </td> <td> <div style="width:290px;overflow: auto;" class="cadre"> <br /> <div style="margin-bottom: -5px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;text-align:center;"> Nouveautés </div><br /><strong>02.05.17</strong> † Ciclo renaît de ses cendres.<br /><br /><strong>30.04.17</strong> † Finitions des changements.<br /><strong>25.04.17</strong> † Refonte de Ciclo Specchio.<br /> </div> </td> <td> <div style="width:210px;" class="cadre"> <br /> <div style="height:110px;padding:3px; overflow: auto;text-align:justify;"> <div style="margin-top:8px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;"> Liens utiles </div><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/t77-le-reglement-de-ciclo-specchio">Règlement</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/t19-contexte-de-ciclo-specchio">Contexte</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/f10-enfants-a-adopter">Prédéfinis</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/f11-enfants-tortures">Présentations</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/f14-nos-compagnons">Partenariats</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/f9-enigmes-et-idees">Invités</a> </div> </div> </td> </tr> </tbody> </table> <div style="margin-top:5px;width:780px; height:80px;" class="cadre"> <div style="height:110px;padding:3px; overflow: auto;text-align:justify;"> <table> <tbody> <tr> <td> <div style="margin-top:10px; font-family: 'Great Vibes', cursive; font-size: 40px; color: #778899; text-transform: lowercase; letter-spacing: 1px;margin-bottom:5px;"> Nos compagnons </div><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/t146-ciclo-specchio-sa-fiche-ses-logos">Nous lier</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/f35-partenariats-acceptes">Les autres</a><br /><a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/t98-demarche-a-suivre-pour-devenir-l-un-de-nos-allies">Toi?</a><br /> </td> <td> <marquee style="width:500px;margin-left:30px;"> <a href="http://atoucoeur.forumactif.com/" target="_blank"><img src="https://i58.servimg.com/u/f58/19/09/41/66/part-011.gif" /></a> <a href="http://kuro-shiro.forumactif.org/" target="_blank"><img src="https://i58.servimg.com/u/f58/19/39/40/46/bouton10.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> </marquee><br /> <center> <a rel="nofollow" target="_blank" class="postlink" href="http://libre-graph.forumperso.com/"><span style="color: rgb(119, 136, 153);">© Page d'accueil par Reira, de Libre Graph'</span></a> </center> </td> </tr> </tbody> </table> </div> </div> </center> </div> <div class="bloc_flottant"> <a target="_blank" href="http://www.root-top.com/topsite/bazzart/in.php?ID=1287"><img src="https://img4.hostingpics.net/pics/812743atmimrubypiiched5kozjl.gif" alt="topsite" "="" class="topsites" /></a> <a target="_blank" href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=7905"><img src="https://img4.hostingpics.net/pics/49839354ec48703.gif" alt="topsite" "="" class="topsites" /></a> <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5145" target="_blank"><img src="https://img4.hostingpics.net/pics/705317gtsukihinabypiiched5np1ab.gif" /></a> </div>

Merci pour votre future aide et bonne journée ♥

par lmc38510 Mar 23 Mai 2017 - 0:47

Bonjour "Sara"

La partie du code dont tu parles est celle-ci

Code:: <marquee style="width:500px;margin-left:30px;"> <a href="http://atoucoeur.forumactif.com/" target="_blank"><img src="https://i58.servimg.com/u/f58/19/09/41/66/part-011.gif" /></a> <a href="http://kuro-shiro.forumactif.org/" target="_blank"><img src="https://i58.servimg.com/u/f58/19/39/40/46/bouton10.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://ciclospecchio.forumperso.com/"><img style="width:88px;border:4px solid #DDDDEE;" src="https://img4.hostingpics.net/pics/544184bp0211.gif" /></a> </marquee>

Le défilement peut être effectivement "stoppé" au survol de la souris
il va falloir modifier le début du code: