Une petite modification de code pour une page d'accueil

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

Résolu Une petite modification de code pour une page d'accueil

Message par Sara le 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 ♥


Dernière édition par Sara le Mar 23 Mai 2017 - 9:41, édité 1 fois
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une petite modification de code pour une page d'accueil

Message par lmc38510 le 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:
Code:
<marquee style="width:500px;margin-left:30px;">
Remplace cette partie par ceci :
Code:
<marquee onmouseover="this.stop();" onmouseout="this.start();" style="width:500px;margin-left:30px;">


avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une petite modification de code pour une page d'accueil

Message par Sara le Mar 23 Mai 2017 - 9:41

Coucou Imc Smile

Je viens de remplacer le morceau de code par le tien et ça fonctionne ♥

Je te remercie beaucoup pour ton aide !

Bonne journée, bisous ^^
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara 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