Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Impossible mettre widget sujet récent

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

Résolu Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 18:51

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 : maintenant
Lien du forum : https://sangsmelesoriginels.forumactif.com/

Description du problème

Bonjour

J'ai transféré mon code de mise en place du défilement des sujets récents dans ma PA dans le code d'une PA pris sur Nerver Utopia. Mais en le glissant dans le code, les sujets en défilent pas du tout comme si rien ne fonctionnait. Pour info, j'ai supprimé un Slide show pour mettre mon widget à la place.

Voici mon code css et html placé dans Modules, page HTML :

Code:

 .twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}

/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 100px;
width: 100px;
overflow-y:hidden;
overflow-x:auto;
}

<td valign="top">
                                                                                                                                                                                                                                                   
                  <!--                                                                                                                  SLIDESHOW + VIDEO                                                                                                                  -->                                                                                                                   
                  <!--                                                                                                                  Slideshow infini horizontal                                                                                                                  -->                                                                                                                 
                  <div class="twocols2">
                                                                                                                                                                                                                                                  
                     <h2>
                                                                                                                                                                                                            Derniers messages                                                                                                                                                                                                                                                                                               
                     </h2>
                                                                                                                                                                                                                                                  
                     <table>
                                                              <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
                        <tr style="">
                                                                                                                                                                                                                                                        
                           <td align="left">
                                                                                                                                                                                                                                                           
                              <marquee behavior="none" direction="up" scrollamount="3" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 270px;">
                                                                                                                            
                                 <div id="recent_topics">
                                                                                                                               
                                 </div>
                                                                                                                                                                                                                     <script type="text/javascript"> jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());
              });
              </script>                                                                                                                                                                                                                                                                                                     
                              </marquee>
                                                                                                                                                                                                                                                                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                        
                        </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>                     
                     </table>
                                                                                                                                                                                                                                                  
                  </div>

Pour voir le résultat cliquer sur INFO sur la PA.

Merci pour votre aide.
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par *Splash* le Dim 19 Jan 2020 - 19:03

Hi,
À défaut de poser la question sur le forum Never Utopia il serait bien d'avoir le lien de l'astuce dont tu parles.
Enfin je pense...
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3414
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 19:12

je ne vois pas de quelle astuce tu parles. Est ce le fait de vouloir mettre un widget dans le code de la PA de never utopia ?

je suppose que d'avoir retiré le Slide show pour mettre le widget à la place pose le souci. Surement une contradiction de codage, mais j'ai tout retiré pour simplement mettre mon code. Je n'arrive pas à comprendre pourquoi cela ne fonctionne pas.

Il te faudrait quelle partie de code ou quel lien exactement ?
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par *Splash* le Dim 19 Jan 2020 - 19:24

@L'ange noir a écrit:quel lien exactement ?
Je parle de ce lien :
@L'ange noir a écrit:dans le code d'une PA pris sur Nerver Utopia.
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3414
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 19:27

Oh, j'ai voulu mettre le code, mais cela dit que j'ai mis trop de caractères du coup je n'arrive pas à poster tout. Je vais le mettre en deux fois. Voilà déjà le CSS :

Code:
<title>PA NALU</title> <meta charset="UTF-8" /> <style>

/*** GENERAL ***/

 #pa {background:#202020; width: 800px; margin: 0 auto; color: #fff; line-height: 1.3;}
 #pa a {
 color: #83a7a7; text-decoration: none;
 border-bottom: 1px dotted #f9979d;
 -webkit-transition: color .2s linear;
 transition: color .2s linear;
 }

 #pa a:hover {
 color: #f79292; text-decoration: none;
 border-bottom: 1px solid #f9979d;
 }
 #credits {
 text-align: center;
 font-family: sans-serif;
 font-size: 12px;
 padding: 3px 0;
 color: #606060;
 }

 #credits a {
 padding-left: 20px;
 background: url("https://redcdn.net/hpimg4/pics/171045Ship.png") no-repeat left;
 background-size: 14px 14px;
 color: #aa434d !important;
 text-decoration: none !important;
 border: 0px !important;
 }

 #credits a:hover {
 color: #f79292 !important;
 }

 #credits span {color: #aa434d !important;}
 
 /* CREATION DE 3 ONGLETS POUR NAVIGUER ENTRE LES PAGES */

 ul#onglets {
 width: 650px; height: 30px;
 margin: 0px auto;
 padding: 30px 0;
 list-style-type: none;
 text-align: center;
 }

 ul#onglets li {
 display: inline-block;
 margin-right: 6px;
 width: 210px; height: 30px;
 }

 ul#onglets li:hover {
 height: 32px;
 position: relative; top: -2px;
 background: #202020;
 cursor: pointer;
 }

 ul#onglets li:last-child, ul#contentnav li:last-child, ul#predefinis li:last-child { margin-right: 0px;} /* = retrait de l'espace à droite. */

 /* CREATION DES PANNEAUX CONTENANT LES 3 CONTENUS DIFFERENTS */

 ul#contentOnglets {
 width: 650px; min-height: 310px;
 margin: 0 auto;
 list-style-type: none;
 padding: 0;
 position: relative;
 }

 ul#contentOnglets li {
 /*position: absolute;*/
 top: 0; left: 0;
 width: 650px;

 }
 
 ul#contentnav {
 width: 650px; height: 170px;
 margin: 0px auto;
 padding: 0px;
 list-style-type: none;
 text-align: center;
 }

 ul#contentnav li {
 padding: 0; margin: 0;
 display: inline-block;
 position: static;
 width: 320px; height: 170px;
 margin-right: 6px;
 overflow: hidden;
 }

/*** PREMIER ONGLET ***/
 
 #contentcontexte, #contentmenu {
 width: 320px; height: 170px;
 overflow-y: scroll;
 overflow-x: none;
 position: relative;
 font-family: sans-serif;
 font-size: 12px;
 color: gray;
 line-height: 1.3;
 letter-spacing: 1px;
 text-align: left;
 }

 #contentcontexte p {
 margin-bottom: 36px;
 text-indent: 20px;
 }

 #contentcontexte img {
 position: absolute;
 left: 0; top: 0; opacity: 1;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 }

 #contentmenu img {
 position: absolute;
 right: 0; top: 0; opacity: 1;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
 }

 #contentcontexte:hover img {
 left: -320px; opacity: 0;
 }

 #contentmenu:hover img {
 right: -320px; opacity: 0;
 }

 #contentmenu a {
 display: block;
 width: 100%; max-width: 100%;
 height: 28.33px; line-height: 28.33px;
 border: 0;
 background: rgba(146,86,86,0);
 padding-left: 20px;
 -webkit-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
 }

 #contentmenu a:hover {
 display: block;
 width: 100%;
 height: 28.33px; line-height: 28.33px;
 border: 0;
 background: rgba(146,86,86,1);
 color: #202020;
 }

 ul#predefinis {
 width: 650px; height: 97px;
 margin: 24px auto;
 padding: 0px;
 list-style-type: none;
 text-align: center;
 }

 ul#predefinis li {
 padding: 0; margin: 0;
 display: inline-block;
 position: relative;
 width: 72px; height: 97px;
 margin-right: 6px;
 }
 
 ul#predefinis li .info {display: none;}
 ul#predefinis li:hover .info { /* INFOBULLES */
 display: block;
 position: absolute;
 bottom: 105px; left: 0px;
 width: 200px; /* IMPORTANT */
 background: white;
 color: #202020;
 font-size: 10px;
 font-family: sans-serif;
 padding: 10px;
 text-align: left;
 border-radius: 5px;
 }
    /* EXCEPTION INFOBULLES 7 & 8 */
      ul#predefinis li:nth-child(7):hover .info, ul#predefinis li:nth-child(8):hover .info {
      bottom: 105px; right: 0px; left: auto;}
      ul#predefinis li:nth-child(7):hover .info .fleche, ul#predefinis li:nth-child(8):hover .info .fleche {
      bottom: -8px; right: 30px; left: auto;}
      /* FIN EXCEPTION */

 .fleche { /* PETIT CURSEUR QUI CIBLE QUEL PERSO ON PARLE */
 width: 15px; height: 8px;
 background: url("https://i.servimg.com/u/f39/19/07/10/81/fleche10.png") no-repeat;
 position: absolute;
 bottom: -8px; left: 30px;
 }

 ul#predefinis li .info a {
 color: #f9979d; text-decoration: none;
 border-bottom: 1px dotted #f9979d;
 }

 ul#predefinis li .info a:hover {
 color: #202020; text-decoration: none;
 border-bottom: 1px solid #f9979d;
 }
 ul#predefinis li img {
 opacity: .7;
 }

 ul#predefinis li:hover img {
 opacity: 1;
 }

/**** DEUXIEME ONGLET ****/

 ul#presentStaff {
 width: 230px;
 list-style-type: none;
 padding: 20px; margin-left: -15px; 0 auto;
 text-align: center;
 }

 ul#presentStaff li {
 position: static;
 display: inline-block;
 width: 60px; height: 60px;
 margin: 6px 3px ;
 }

 ul#presentStaff li.explic {
 position: static;
 display: inline-block;
 width: 210px; height: 80px;
 border: 2px solid #f9979d;
 padding: 10px 5px;
 vertical-align: middle;
 overflow-y: scroll;
 color: gray;
 font-family: sans-serif;
 font-size: 12px;
 }

 ul#presentStaff li.explic h2 {
 display: inline-block;
 margin: 0; padding: 0 10px;
 color: #f9979d;
 font-family: sans-serif;
 font-size: 16px; font-weight: normal;
 border-bottom: 1px dotted #f9979d;
 }

 ul#presentStaff li:hover img {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 -webkit-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;
 }

/**** Sujets Récents ***/


 .twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}

/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 100px;
width: 100px;
overflow-y:hidden;
overflow-x:auto;
}


 #credcss {position: absolute; bottom: -27px; right: 0;}
 #credcss, #credcss a { font-size: 9px; color: #404040; text-transform: uppercase; font-family: sans-serif; border: 0 !important;}

 

 /***** FIN DES SUJETS RECENTS ****/
 

/*** TROISIEME ONGLET ***/

 #partenaires { padding-left: 40px;}
 #partenaires h1
{margin: 10px; margin-top: 40px; margin-bottom: 5px; }


 ul#sous-partenaires {
 display: block;
 width: 280px; max-width: 280px;
 height: 130px; max-height: 130px;
 margin: 10px; padding: 0;
 list-style-type: none;
 text-align: center;
 float: left;
 }

 ul#sous-partenaires li {
 position: static;
 width: 88px; height: 31px;
 overflow: hidden; display: inline-block;
 margin-right: 2px; margin-bottom: 2px;
 }
 
 .topsites a {
 border: 0px !important;
margin-right: 1px;
 }

 #sous-partenaires li img, .topsites img{
 opacity: .5;
 -webkit-transition: all .2s linear;
 transition: all .2s linear;
 }

 #sous-partenaires li:hover img, .topsites img:hover {
 opacity: 1;
 -webkit-transition: all .2s linear;
 transition: all .2s linear;
 }
 </style>
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 19:30

Maintenant je mets le HTML à partir de la seconde partie uniquement car trop long aussi :

Code:
<!--                                                                                                                  LE 2EME ONGLET COMMENCE ICI                                                                                                                  -->                                                                                                                 
         <table border="0" style="width: 650px;">
                                                                                                                              <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
            <tr style="">
                                                                                                                                                                                                                                                
               <td style="width: 230px;" valign="top">
                                                                                                                                                                                                                                                   
                  <ul id="presentStaff">
                                                                                                                                                                                                                                                        
                     <!--                                                                                                                  CHANGEMENT STAFF 1                                                                                                                  -->                                                                                                                 
                     <li onmouseover="javascript:staff1()">
                                                                                                                                        <img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t25.png" alt="Staff" />                                                                                                               
                     </li>
                                                                                                                                                                                                                                                                                                        
                     <li onmouseover="javascript:staff3()">
                                                                                                                                        <img src="https://i.servimg.com/u/f24/19/42/82/69/test9610.png" alt="Staff" />                                                                                                               
                     </li>
                                                                                                                                                                                                                                                      
                     <li class="explic">
                                                                                                                                                                                                                                                           
                        <!--                                                                                                                  CHANGEMENT INFOS STAFF                                                                                                                  -->                                                                                                                 
                        <div id="defaut">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              Les membres du staff                                                                                                               
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Laissez-nous vous présenter les membres de notre staff.                                                                                                               
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                                                                         
                        <div style="display: none;" id="staff1">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              Sélène Craft                                                                                                               
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Il est super cool ^^                                                                                                                 
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                               
                        <div style="display: none;" id="staff2">
                                                                                                                                                                                                                                                        
                           <h2>
                                                                                                                                            Membre 2                                                                                                             
                           </h2>
                                                                                                                                                                                                                                                        
                           <p>
                                                                                                                                            Il est méchantttt !                                                                                                               
                           </p>
                                                                                                                                                                                                                                                        
                        </div>
                                                                                                                                                                                                                                                                                             
                        <div style="display: none;" id="staff3">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              L'Ange Noir                                                                                                             
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Il est chinakawah.                                                                                                                 
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                                                                         
                        <div style="display: none;" id="staff4">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              Le Démon                                                                                                             
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Il est michant !!!                                                                                                             
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                                                                         
                        <div style="display: none;" id="staff5">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              La Dévotion                                                                                                           
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Il est dictateur                                                                                                                 
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                                                                         
                        <div style="display: none;" id="staff6">
                                                                                                                                                                                                                                                            
                           <h2>
                                                                                                                                              L'oracle                                                                                                               
                           </h2>
                                                                                                                                                                                                                                                            
                           <p>
                                                                                                                                              Il est amusant                                                                                                                 
                           </p>
                                                                                                                                                                                                                                                            
                        </div>
                                                                                                                                                                                                                                                         
                     </li>
                                                                                                                                                                                                                                                        
                     <!--                                                                                                                  CHANGEMENT STAFF 2                                                                                                                  -->                                                                                                                 
                     <li onmouseover="javascript:staff4()">
                                                                                                                                        <img src="https://i.servimg.com/u/f24/19/42/82/69/test310.png" alt="Staff" />                                                                                                               
                     </li>
                                                                                                                                                                                                                                                      
                     <li onmouseover="javascript:staff5()">
                                                                                                                                        <img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t24.png" alt="Staff" />                                                                                                               
                     </li>
                                                                                                                                                                                                                                                      
                     <li onmouseover="javascript:staff6()">
                                                                                                                                        <img src="https://i.servimg.com/u/f24/19/42/82/69/sans_t23.png" alt="Staff" />                                                                                                               
                     </li>
                                                                                                                                                                                                                                                      
                  </ul>
                                                                                                                                                                                                                                                   
               </td>
                                                                                                                                                                                                                                                
               <td valign="top">
                                                                                                                                                                                                                                                   
                  <!--                                                                                                                  SLIDESHOW + VIDEO                                                                                                                  -->                                                                                                                   
                  <!--                                                                                                                  Slideshow infini horizontal                                                                                                                  -->                                                                                                                 
                  <div class="twocols2">
                                                                                                                                                                                                                                                  
                     <h2>
                                                                                                                                                                                                            Derniers messages                                                                                                                                                                                                                                                                                               
                     </h2>
                                                                                                                                                                                                                                                  
                     <table>
                                                              <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
                        <tr style="">
                                                                                                                                                                                                                                                        
                           <td align="left">
                                                                                                                                                                                                                                                           
                              <marquee behavior="none" direction="up" scrollamount="3" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 270px;">
                                                                                                                            
                                 <div id="recent_topics">
                                                                                                                               
                                 </div>
                                                                                                                                                                                                                     <script type="text/javascript"> jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());
              });
              </script>                                                                                                                                                                                                                                                                                                     
                              </marquee>
                                                                                                                                                                                                                                                                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                        
                        </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody>                     
                     </table>
                                                                                                                                                                                                                                                  
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                  <!--                                                                                                                  fin slideshow                                                                                                                    -->                                                                                                                     
                  <div id="credcss">
                                                                                                                                     Slideshow by <a href="http://www.css-actif.com/t13010-slideshow-horizontal-infini">CSSActif</a>                                                                                                               
                  </div>
                                                                                                                                                                                                                                                   
               </td>
                                                                                                                                                                                                                                                
            </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>                                                                                                               
         </table>
                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                       
      <!--                                                                                                                  FIN DU DEUXIEME ONGLET                                                                                                                  -->                                                                                                                 
      <li style="display: none;" id="part3">
                                                                                                                                                                                                                                          
         <!--                                                                                                                  LE 3EME ONGLET COMMENCE ICI                                                                                                                  -->                                                                                                                 
         <div align="center">
                                                                                                                                                                                                                                         
         </div>
                                                                                                                                                                                                                                      
         <table border="0" style="width: 650px;">
                                                                                                                              <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody> <tbody></tbody>
            <tr style="">
                                                                                                                                                                                                                                                
               <td valign="top" id="partenaires">
                                                                                                                                                                                                                                                   
                  <!--                                                                                                                  partenaires & topsites                                                                                                                  -->                                                                                                                 
                  <div align="left">
                                                                                                                                                                                                                                                
                     <h1>
                                                                                                                                        <img src="https://i.servimg.com/u/f39/19/07/10/81/parten10.png" alt="Nos partenaires" />                                                                                                               
                     </h1>
                                                                                                                                                                                                                                                
                  </div>
                                                                                                                          <br />                                                                                                                         
                  <div align="center">
                                                                                                                                                                                                                                                
                     <ul id="sous-partenaires">
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://20serneuerung.forumactif.com/"><img src="https://i.imgur.com/d8ngmIU.jpg" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://asaria-evolution.forumactif.org"><img src="https://redcdn.net/hpimg4/pics/663170368006asatest.gif" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://atlantisinsurrection.forumactif.fr"><img src="https://2img.net/image.noelshack.com/fichiers/2014/32/1407326857-
bouton8831pegase.png" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://divinetemptation.forumactif.org"><img src="https://redcdn.net/hpimg4/pics/537513DivineTemptation3.jpg" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                        <li>
                                                                                                                                           <a target="_blank" href="http://laserenissime.forumactif.org/"><img src="https://www.zupimages.net/up/17/14/tcxq.gif" alt="Nom Partenaire" /></a>                                                                                                               
                        </li>
                                                                                                                                                                                                                                                         
                     </ul>
                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                     
                  <div align="right">
                                                                                                                                                                                                                                                  
                     <h1 style="padding-bottom: 18px; margin-right: 90px; margin-top: -45px !important;">
                                                                                                                                        <img src="https://i.servimg.com/u/f39/19/07/10/81/topsit10.png" alt="Nos Topsites" />                                                                                                               
                     </h1>
                                                                                                                                                                                                                                                  
                  </div>
                                                                                                                            <br />                                                                                                                       
                  <div align="center">
                                                                                                                                                                                                                                                
                     <div class="topsites">
                                                                                                                                                                                                                                                           
                        <!--                                                                                                                  CHANGEMENT TOP SITES                                                                                                                  -->  <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img "="" src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a> <a target="_blank" href="#"><img src="https://i.servimg.com/u/f24/19/42/82/69/plume_10.png" alt="" /></a>                                                                                                         
                     </div>
                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                   
               </td>
                                                                                                                                                                                                                                                
            </tr><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody></tbody><tbody> </tbody>                                                                                                               
         </table>
                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                       
   </ul>
                        
   <p id="credits">
                                                                                                                      <span style="font-size: 10px;">~ Codée avec <span>:hearts:</span> sur <a target="_blank" href="http://www.never-utopia.com/">Never-Utopia</a></span>             
   </p>
</div>
                                                                                                            <script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">
$(function () {
    //VARIABLES MODIFIABLES
    var delaiSwitch    = 5000;                    // Délai (en ms) d'affichage d'un slide
    var delaiTransition = 1000;                    // Délai (en ms) de l'animation de transition
    var direction      = 'left';                  // Sens (left ou right) du défilement
    var idSlideshow    = '#slideshow';            // ID du slideshow
    var idContainer    = '#slideshow-container';  // ID du container
   
    //VARIABLES SYSTEME
    var slideshowWidth  = parseInt($(idSlideshow).css('width'));
    var slideshowHeight  = parseInt($(idSlideshow).css('height'));
    var nbSlides        = $(idContainer+' > .slide').length;
   
    //ADAPTE LA TAILLE DU CONTENEUR AU NOMBRE DE BLOCS QU'IL CONTIENT
    $(idContainer).css('width', slideshowWidth*nbSlides+'px');

       
    //REDEFINIT LE CONTENU POUR SUPPRIMER LES EVENTUELS ECARTS DUS AUX BORDERS
    if(direction==='right') {
        var decalageLeft = -slideshowWidth*(nbSlides-1);
        $(idContainer).css('left', decalageLeft+'px');
       
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).prepend(el);
        }, this);
    } else {
        $(idContainer+' > .slide').each(function() {
            var el = $(this).remove();
            $(idContainer).append(el);
        }, this);
    }
   
    //ADAPTE LA TAILLE DES IMAGES AUX DIMENSIONS DU SLIDESHOW
    $(idSlideshow+' img').css('max-width', slideshowWidth);
    $(idSlideshow+' img').css('max-height', slideshowHeight);
   
    //LANCEMENT DE L'ANIMATION
    setInterval(function() {
        slideshow()
    }, delaiSwitch);
   
    //FONCTION DE DEFILEMENT
    function slideshow() {
        var compteur = 0;      // Compte les slides ayant bougé
       
        if(direction==='right') {
            $(idContainer+' > .slide').animate({left: '+='+slideshowWidth}, delaiTransition, function() {
                compteur++;
               
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:last').remove();
                    $(idContainer).prepend(el);
                    $(idContainer+' > .slide').css('left', '0');
                   
                    compteur = 0;
                }
            });
        } else {
            $(idContainer+' > .slide').animate({left: '-='+slideshowWidth}, delaiTransition, function() {
                compteur++;
               
                // Lorsque le dernier slide à bougé, on crée la boucle
                if(compteur===nbSlides) {
                    var el = $(idContainer+' > .slide:first').remove();
                    $(idContainer).append(el);

                    $(idContainer+' > .slide').css('left', '0');
                   
                    compteur = 0;
                }
            });
        }       
    }
});

function onglet1() {
 document.getElementById('part1').style.display='block';
 document.getElementById('part2').style.display='none';
 document.getElementById('part3').style.display='none';}
 function onglet2() {
 document.getElementById('part1').style.display='none';
 document.getElementById('part2').style.display='block';
 document.getElementById('part3').style.display='none';}
 function onglet3() {
 document.getElementById('part1').style.display='none';
 document.getElementById('part2').style.display='none';
 document.getElementById('part3').style.display='block';}

 // FIN ONGLETS
 function staff1() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='block';
 document.getElementById('staff2').style.display='none';
 document.getElementById('staff3').style.display='none';
 document.getElementById('staff4').style.display='none';
 document.getElementById('staff5').style.display='none';
 document.getElementById('staff6').style.display='none';}
 function staff2() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='none';
 document.getElementById('staff2').style.display='block';
 document.getElementById('staff3').style.display='none';
 document.getElementById('staff4').style.display='none';
 document.getElementById('staff5').style.display='none';
 document.getElementById('staff6').style.display='none';}
 function staff3() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='none';
 document.getElementById('staff2').style.display='none';
 document.getElementById('staff3').style.display='block';
 document.getElementById('staff4').style.display='none';
 document.getElementById('staff5').style.display='none';
 document.getElementById('staff6').style.display='none';}
 function staff4() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='none';
 document.getElementById('staff2').style.display='none';
 document.getElementById('staff3').style.display='none';
 document.getElementById('staff4').style.display='block';
 document.getElementById('staff5').style.display='none';
 document.getElementById('staff6').style.display='none';}
 function staff5() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='none';
 document.getElementById('staff2').style.display='none';
 document.getElementById('staff3').style.display='none';
 document.getElementById('staff4').style.display='none';
 document.getElementById('staff5').style.display='block';
 document.getElementById('staff6').style.display='none';}
 function staff6() {
 document.getElementById('defaut').style.display='none';
 document.getElementById('staff1').style.display='none';
 document.getElementById('staff2').style.display='none';
 document.getElementById('staff3').style.display='none';
 document.getElementById('staff4').style.display='none';
 document.getElementById('staff5').style.display='none';
 document.getElementById('staff6').style.display='block';}
    </script>
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par *Splash* le Dim 19 Jan 2020 - 19:36

C'est si compliqué que ça de donner le lien de l'endroit où tu as pris ce code ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3414
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 19:40

Pardon, je n'avais pas compris. C'est ma co admin qui l'a trouvé. Je le lui demande et reviens le poster. Vraiment désolé. J'attends son retour et te fais ça au plus vite.

Smile
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 19:45

L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par Milouze14 le Dim 19 Jan 2020 - 19:48

Hello L'ange noir,
il vaut mieux aller dans le template concerné et englober la partie concernée,
en l’occurrence le scroll.

Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics

Recherches ceci:

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

Supprimes et remplaces par:
Code:

<div id="M14_post_recents">

<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->
</div>


Penses a enregistrer puis à valider en cliquant respectivement sur Impossible mettre widget sujet récent Imgrr10 puis Impossible mettre widget sujet récent 824052533


Puis modifies le code html que tu as déposé dans ta page d'accueil par celui-ci:
Code:

<style>
 .twocols2 {
width: 365px; max-width: 365px;
height: 215px; max-height: 215px;
border: 2px solid #fff;
padding : center;
overflow: hidden;
color: black;
background: white;
}

/*Widget Sujets récents*/
#recent_topics {
color: black;
font-size: 14px;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: auto;

}
</style>                                                                                                                                                                                                                                                                                         
<marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
                                                                                                                                                                        
   <div id="recent_topics">
                                                                                                                                                                             
   </div>
                                                                                                                                         <script type="text/javascript"> jQuery.get('/portal',function(data){
            jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
              });
              </script>                                                                                                                                                                                                                                                                                                                                 
</marquee>



Et voilou.
a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 5880
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Dim 19 Jan 2020 - 20:37

Bonsoir

Merci pour ton aide Milouze. Cela ne fonctionne pas. J'ai peut être fait une erreur.

Voici ce que j'ai fais dans mon html :

Code:
<td valign="top">
                                                                                                                                                                                                                                                                                                                                                                   
                  <div class="twocols2">
                                                                                                                                                                                                                                                  
                     <h2>
                                                                                                                                                                                                            Derniers messages                                                                                                                                                                                                                                                                                               
                     </h2>
                                                                                                                                                                                                                                                  
                     <table>
                                                           
                        <tr style="">
                                                                                                                                                                                                                                                        
                           <td align="left">
                                                                                                                                                                                                                                                           
                              <marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
                                                                                                                                                                       
  <div id="recent_topics">
                                                                                                                                                                           
  </div>
                                                                                                                                        <script type="text/javascript"> jQuery.get('/portal',function(data){
            jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
              });
              </script>                                                                                                                                                                                                                                                                                                                               
</marquee>
                                                                                                                                                                                                                                                                                                                                                                                       
                           </td></tr>                   
                     </table>
                                                                                                                                                                                                                                                  
                  </div>
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par Milouze14 le Lun 20 Jan 2020 - 4:06

Hello L'ange noir,


@L'ange noir a écrit:Bonsoir

Merci pour ton aide Milouze. Cela ne fonctionne pas. J'ai peut être fait une erreur.

Voici ce que j'ai fais dans mon html :

Code:
<td valign="top">
                                                                                                                                                                                                                                                                                                                                                  
 <div class="twocols2">
                                                                                                                                                                                                                              
 <h2>
                                                                                                                                                                                     Derniers messages                                                                                                                                                                                                                                                                                                
 </h2>
                                                                                                                                                                                                                              
 <table>
                                    
 <tr style="">
                                                                                                                                                                                                                              
 <td align="left">
                                                                                                                                                                                                                              
 <marquee scrollamountstyle="height: 270px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3" direction="up" behavior="none">
                                                                                                                                                                        
   <div id="recent_topics">
                                                                                                                                                                            
   </div>
                                                                                                                                         <script type="text/javascript"> jQuery.get('/portal',function(data){
            jQuery('#recent_topics').html(jQuery(data).find('#M14_post_recents').html());
              });
              </script>                                                                                                                                                                                                                                                                                                                                
</marquee>
                                                                                                                                                                                                                                                                                                                                                          
 </td></tr>                    
 </table>
                                                                                                                                                                                                                              
 </div>




Comme mentionné dans mon message:
Puis modifies le code html que tu as déposé dans ta page d'accueil par celui-ci:

Tu n'as pas mentionné que tu avais créée une page html!!!
Tu peux donner le code html complet de cette page et mentionner si tu as coché le haut de page.

a++

Milouze14

Milouze14
Membre actif

Masculin
Messages : 5880
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Lun 20 Jan 2020 - 8:34

Bonjour

Milouze, dans les pages au dessus, j'ai mis tout le code css et html de la page créée dans les modules. J'ai dû poster en plusieurs fois pour que ça rentre. ^^

Je me demande si le code tout en bas ne me met pas des bâtons dans les roues. Toute la PA semble faite en un immense SlideShow chose que je ne fais jamais parce que je n'y connais rien en Javascript.

J'ai vérifié que le widget fonctionnait bien hier en l'activant et il fonctionne très bien. Donc ça, déjà c'est bon. Ne reste plus qu'à le mettre là où je veux sur la PA.... Smile
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Lun 20 Jan 2020 - 9:28

Bonjour

j'ai eu une petit succès ce matin. j'ai réussi à mettre le défilement des sujets récents dans la case prévue. Le tout est de maintenant réussir à retirer le slide et à ne garder que le widget.

Vous pouvez voir en cliquant sur infos : https://sangsmelesoriginels.forumactif.com/
L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par *Splash* le Lun 20 Jan 2020 - 9:50

Hi,
Tu veux supprimer le défilement de bas en haut ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3414
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible mettre widget sujet récent

Message par L'ange noir le Lun 20 Jan 2020 - 13:25

Bonjour

En fait, j'ai fini par trouvé ce matin et j'ai réglé le souci. Je retirais trop du code et ça ne pouvait pas fonctionner. Mon souci est réglé. merci pour votre investissement.

L'ange noir

L'ange noir
****

Messages : 221
Inscrit(e) le : 17/05/2016

Voir le profil de l'utilisateur http://animauxsauvages.forumactif.org/
L'ange noir 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