Envoyer des liens automatiques sur la PA

[L'ange noir]

Détails techniques

Version du forum : Inconnue
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : http://sangsmelesoriginels.forumactif.com/

Description du problème

Bonjour les amis

Me voilà avec une nouvelle question à laquelle je n'ai pas trouvé de réponse dans les tutoriels. Je suppose qu'elle y est, mais je ne la vois surement pas.

Sur ma page d'accueil, j'ai des cadres et dans l'un deux je voudrais faire venir les messages, de manière automatique, que j'écris dans une catégorie qui donne des nouvelles du forum.

J'espère que ma question est claire. Ce n'est pas simple à expliquer.

Si vous pouvez m'aider, ce serait super.

[lmc38510]

Bonjour "ange noir"

Une solution insérer le widget "recent Topic" .... jette un œil < iCi >

[L'ange noir]

Merci... j'ai essayé mais ça affiche des parties de ma PA et pas les derniers topics.

Est ce que je dois faire quelque chose dans la partie module, widget, ou pas ?

[lmc38510]

l'as tu mis en place sur ta PA pour voir

et donner le code que tu as mis

[L'ange noir]

J'ai mis tout le code pour que tu vois où je l'ai mis :

Code:

<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}

/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;

margin-bottom: 10px !important; /* = espace sous les titres */
}

/* stylisation liens de toute la PA */

#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#pa a:hover{
text-decoration: none;
color: black;
}

/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */

#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}

#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}

#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}

.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}

.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}

.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}


/* ESPACE NEWS ET RP*/

.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

/* ESPACE TOP SITES */

#footer2 {
clear: both;
width: 100%;
}

#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/* PARTENAIRES */

#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}


#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#credits {
position: absolute;
bottom: -20px; right: 0;
}

</style>
<div id="pa">
   
   <div id="pa-1">
      
      <div class="connected">
          
         <h1>
             Bienvenue <span class="user-name">L'ange noir</span> 
         </h1>
          
         <p>
            <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> 
         </p><br /> 
      </div>
      
      <div id="container">
         
         <div class="left">
             
            <!--  ESPACE CADRE LIENS  --> 
            <div id="cadreliens">
               
               <div class="texte-contexte">
                   
                  <h3>
                     <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> 
                  </h3>
                   
               </div>
                
            </div>
             
            <!--  ESPACE CONTEXTE  --> 
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
               
               <div id="contexte">
                   CONTEXTE 
               </div>
                
            </div>
             
            <!--  ESPACE NEWS ET RP  --> 
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
               
               <div class="twocols news">
                   INFOS <br /> 
                  <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;">
                      
                     <p>
                         Mise à jour du contexte 
                     </p>
                      
                     <p>
                         Création d'un prédéfini vampire : Jo Laterreur 
                     </p>
                      
                  </marquee>
                   
               </div>
               
               <div class="twocols choses">
                   RP EN COURS 
                  <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;">
                      
                     <p>
                        
                     </p>
                     <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>
                     <p>
                     </p>
                      
                  </marquee>
                   
               </div>
                
            </div>
             
         </div>
          
         <!--  END COLONNE "LEFT"  --> 
         <!--  ESPACE TOP SITES  --> 
         <div class="right">
            
            <div id="footer2" style="text-align: center;">
                
               <h2>
                   VOTONS POUR VK 
               </h2><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> 
            </div>
             
         </div>
          
         <!--  END COLONNE "RIGHT"  --> 
         <div id="footer1" style="text-align: center;">
            <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-

bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> 
         </div>
          
      </div>
       
   </div>
</div>

Et ça affiche l'angle gauche de ma PA, regarde :

http://sangsmelesoriginels.forumactif.com/

[lmc38510]

Dans le lien que je t'ai communiqué ... as tu respecté ceci :

Je récapitule pour ce qui en auront besoin :

1- Activer le portail
2- Supprimer tous les widgets sauf celui des post récent.

[L'ange noir]

Ooopssss, non pas du tout....



J'y retourne, désolée


Voilà, j'ai tout supprimé.

Mais pour le moment je vois toujours la partie gauche de la PA...

[L'ange noir]

j'ai un peu de mal à comprendre le fonctionnement. Du coup je n'arrive pas à faire comme il faut. Je crois que je vais me poser pour ce soir et continuer demain.

Merci

[L'ange noir]

bonjour

voilà j'ai réussi à faire les étapes 1 et 2.

le widget est a gauche de ma pa

j'ai mis le code html et c'est écris "page 1 doesn't exist" dans la case sur ma PA

je dois faire quoi maintenant ?

[L'ange noir]

Je suis toujours dans mes essais sur mon forum test. J'ai appliqué ce code proposé par Zanshi sur ce forum. Cela m'a retiré la phrase "La Page 1 does not exist" et j'ai à la place "Derniers Messages".

Mais à part le titre, les derniers messages ne s'affichent pas là mais toujours dans le widget à gauche de ma PA.

Code:

<div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>
                                   
         </div>

Comment faire passer les messages au bon endroit ????

Si vous pouvez m'aider. Je continue à chercher de mon côté. Merci

Pour vous aider voici une image. Le widget est à gauche, je le voudrais sur ma PA en passant par Affichage, généralité...

[lmc38510]

Dans panneau d'administration -> modules -> portail et widgets -> gestion des widgets du Forum:

Afficher les widgets du forum : doit être coché -> non

gestion des widgets du Portail doit contenir le widget -> "Sujets récents"

Afficher le portail : doit être coché -> oui

======

Ceci va replacer le widget "Sujets récents" dans ton message d'accueil -> ou tu l'auras inséré

Ne pas oublier de mettre le CSS donné dans ta feuille de style CSS (l'adapter selon ton choix)

[L'ange noir]

Bonjour IMC

J'ai coché non pour le widget du forum.

Par contre je ne trouve pas ceci "gestion des widgets du Portail"

Il y a "Configuration du portail" là j'ai coché oui pour qu'il s'affiche. Et en dessous il y a "Liste des pages portail" et là c'est vide. Je n'ai rien mis.

[lmc38510]

Sous "Liste des pages" portail il y a :

1 Portail - Dupliquer Structure Voir le portail

Clique sur Structure -> met en place le widget "Sujets récents" en haut colonne de gauche (vire tous les autres)
N'oublie pas -> d'Enregistrer

[L'ange noir]

Je suis vraiment désolée. j'ai honte de ne pas trouver. Voici ce que je vois :

[lmc38510]

Bizarre ... normalement la page est déjà en place

Bon dans "Créer une nouvelle Page" tu met -> Portail

et tu vas ensuite trouver "structure"

[L'ange noir]

Oui, j'ai créé la page portail et j'ai cliqué sur Structure. Maintenant en dessous de mon portail, j'ai la liste avec les petits cadres bleus et blancs du forum. "Recherche" "News" "Statistiques" "Sujets récents".... etc...

[lmc38510]

Faut tout virer en cliquant sur la croix rouge -> Excepter "sujets Récents" que tu placeras en haut de la colonne de Gauche

[L'ange noir]

Alors

j'ai tout supprimé. Je n'ai pas vu de colonne de gauche mais une bande au dessus dans laquelle je peux glisser le widget "sujets récents", je l'ai mis là mais ça n'affiche toujours rien dans la PA....

[lmc38510]

Peux tu redonner le code de ton message d'accueil (en totalité)

et le CSS correspondant au widget "Sujets Récents" -> #recent_topics

[L'ange noir]

Oui

Code:

<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */

/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}

/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;

margin-bottom: 10px !important; /* = espace sous les titres */
}

/* stylisation liens de toute la PA */

#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#pa a:hover{
text-decoration: none;
color: black;
}

/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}

/* GÉNÉRAL */

#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}

#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}

#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}

.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}

.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}

.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}


/* ESPACE NEWS ET RP*/

.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

/* ESPACE TOP SITES */

#footer2 {
clear: both;
width: 100%;
}

#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

/* PARTENAIRES */

#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}


#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

#credits {
position: absolute;
bottom: -20px; right: 0;
}

</style>
<div id="pa">
                        
   <div id="pa-1">
                           
      <div class="connected">
                                
         <h1>
                        Bienvenue <span class="user-name">{USER&amp;#8288;NAME}</span>           
         </h1>
                                
         <p>
                      <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span>           
         </p><br />           
      </div>
                           
      <div id="container">
                              
         <div class="left">
                                   
            <!--              ESPACE CADRE LIENS              -->           
            <div id="cadreliens">
                                    
               <div class="texte-contexte">
                                         
                  <h3>
                               <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a>           
                  </h3>
                                         
               </div>
                                      
            </div>
                                   
            <!--              ESPACE CONTEXTE              -->           
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div id="contexte">
                              CONTEXTE             
               </div>
                                      
            </div>
                                   
            <!--              ESPACE NEWS ET RP              -->           
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div class="twocols news">
                              INFOS <br />           
                  <marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                                            
                     <p>
                                    Mise à jour du contexte             
                     </p>
                                            
                     <p>
                                    Création d'un prédéfini vampire : Jo Laterreur             
                     </p>
                                            
                  </marquee>
                                         
               </div>
                                    
               <div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>
                                   
         </div>
                                
         <!--              END COLONNE "LEFT"              -->           
         <!--              ESPACE TOP SITES              -->           
         <div class="right">
                                 
            <div style="text-align: center;" id="footer2">
                                      
               <h2>
                              VOTONS POUR VK             
               </h2><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a>           
            </div>
                                   
         </div>
                                
         <!--              END COLONNE "RIGHT"              -->           
         <div style="text-align: center;" id="footer1">
                      <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-

bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a>           
         </div>
                                
      </div>
                             
   </div>
</div>

La partie du CSS qui correspond à Recent-topics c'est :

Code:


.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}

.twocols:nth-child(even) {
margin-right: 0px;
}

Et la partie en HTML c'est :

Code:

<div class="twocols choses">
                     
                  <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                                                                                                                                        
                     <table>
                                                             
                        <tbody>
                                                                        
                           <tr>
                                                                                   
                              <td align="center">
                                                                                              
                                 <div style="margin:auto;text-align:center;width:100%">
                                                                      <span style="font-family: 'Comic Sans Ms';"><span style="font-size: 15px; line-height: normal"><strong>Derniers Messages</strong></span></span>                                                         
                                 </div>
                                                                                              
                                 <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                                                                                               
                                    <div id="recent-topics">
                                                                                                    
                                    </div><script>
  jQuery.get('/portal',function(data){jQuery('#recent-topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());});
</script>                                                       
                                 </marquee>
                                                                                        
                              </td>
                                                                             
                           </tr>
                                                                  
                        </tbody>
                                                       
                     </table>
                     
                  </marquee>
                                         
               </div>
                                      
            </div>

[lmc38510]

Merci ..... "ange" je ne pourrais te répondre avant Fin d'AM

[L'ange noir]

Pas de souci.

A plus tard.^^


EDIT : Une info pour quand tu reviendras. Le widget s'affiche en bas du forum, dans le footer. Je n'ai pu le voir que lorsque je me suis déconnectée. En plus, une fois déconnectée, je ne vois plus la PA. J'ai forcément une erreur dans mon codage. Si j'ai le temps je regarderai aussi cet AM. Sinon, on se voit plus tard.^^

[lmc38510]

Je viens de faire le point sur ton code (le premier en haut de ton avant dernier message)
tout est dedans le CSS + l'HTML

1ère anomalie le widget a comme id dans ta div et dans le script -> "recent-topics" le CSS que tu as donné est en relation avec -> "twocols" .... ça ne peu pas fonctionner

j'ai repris l'intégralité de ton code
Le voici (partiellement modifié ... because -> y a encore des trucs qui clochent) :

Code Remanié:

J'ai rajouté le CSS pour le Widget :

Code:

/*Widget Sujets récents*/
#recent_topics {
color: #BD882D;  /* Voir changer couleur du texte */
font-size: 14px;  /* Voir changer taille du texte */
height: 150px;    /* Voir adapter Hauteur */
width: 188px;    /* Voir adapter Larfeur */
overflow-y:hidden;
overflow-x:auto;  /* voir si mettre hidden */
}

reste à adapter color - font-size - height - width

======================================

dans la partie HTML du widget tu imbriques deux zones -> marquée (défilante vers le haut)
.... pas bon ....!
le passage concerné:

Code:

                <div class="twocols choses">
               <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
               <table>
               <tbody>
                  <tr>
                     <td align="center">
                        <div style="margin:auto;text-align:center;width:100%">
                           <span style="font-family: 'Comic Sans Ms';">
                              <span style="font-size: 15px; line-height: normal">
                              <strong>Derniers Messages</strong>
                              </span>
                           </span>                                                       
                        </div>
                                                                                             
                            <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                            <div id="recent_topics">
                     </div>
               <script type="text/javascript">
               jQuery.get('/portal',function(data){
               jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
               });
               </script>                                                     
                            </marquee>
                     </td>
                  </tr>
               </tbody>
               </table>
               </marquee>
                </div>

à mon avis faut que le titre "derniers Messages" soit fixe ....et que le widget soit mobile (zone marquee)
Donc modifier comme ceci :

Code:

                <div class="twocols choses">
               <table>
               <tbody>
                  <tr>
                     <td align="center">
                     <p>Derniers Messages</p>
             <marquee behavior="none" direction="up" scrollamount="2" style="height: 200px;">
                            <div id="recent_topics">
                     </div>
               <script type="text/javascript">
               jQuery.get('/portal',function(data){
               jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
               });
               </script>                                                     
                            </marquee>
                     </td>
                  </tr>
               </tbody>
               </table>
      </div>

Un conseil ... prends ton temps ... sauvegarde ton code actuel
reprends le mien avec les deux zones marquée ... fais un essai ....!

Ensuite modifie la zone correspondant à mon dernier code

[L'ange noir]

Merci beaucoup IMC.

Je m'y mets tout de suite et je viens te dire^^

[L'ange noir]

Voilà, j'ai mis le code css et le html. J'ai modifié le code Marquee pour que le titre ne bouge pas. Aucun souci de ce côté là. Je n'ai pas encore changé les paramètres de couleur.

J'ai bien vérifié d'avoir fais comme tu as dis. Mais rien à faire, le widget continue à ne pas s'afficher dans la case.

Code:

<meta charset="UTF-8" /> <title>Pa-Lisou</title> <style>
/* ajustements personnels */
/* stylisation paragraphe contexte + choses à savoir : */
#pa {
font-family: "Lucida Handwriting", cursive;
font-size: 12px;
position: relative;
}
/* stylisation titres */
#pa h2 {
font-family: sans-serif;
font-size: 14px;
color: #BD882D;
text-transform: uppercase;
text-align: center;
font-style: italic;
margin-bottom: 10px !important; /* = espace sous les titres */
}
/* stylisation liens de toute la PA */
#pa a{
text-decoration: none;
color: #BD882D;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#pa a:hover{
text-decoration: none;
color: black;
}
/* normalize */
#pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;}
/* GÉNÉRAL */
#pa {
width: 920px;
margin: 0 auto;
border: 5px solid black;
}
#pa-1 h1 {
width: 100%;
height: 100px; line-height: 100px;
text-align: center;
color: #BD882D;
}
#container {
width: 780px; margin: 20px auto 10px;
overflow: hidden;
}
.left {
width: 620px;
float: left; margin-right: 10px;
min-height: 145px;
}
.right {
width: 126px; height: 280px;
border: 2px solid #000;
float: right;
padding: 10px;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* CADRE LIENS */
#cadreliens{
width: 150px; max-width: 150px;
height: 280px; max-height:280px;
padding: 10px; margin-bottom: 10px;
border: 2px solid black;
float:left;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
/* ESPACE CONTEXTE */
#contexte{
float: left;
width: 410px; height: 95px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.texte-contexte {
width: 410px; height: 140px;
padding-right: 15px; /* espace pour scrollbar */
float: left; text-align: justify;
overflow-y: auto; /* scrolling */
}
.texte-contexte p{ margin-bottom: 20px;}
.texte-contexte p:last-child{ margin-bottom: 0px;}

/* ESPACE NEWS ET RP*/
.twocols {
float: left;
width: 188px; height: 152px;
border: 2px solid #000;
margin-right: 10px;
padding: 10px;
position: relative;
overflow: hidden;
color:#BD882D;
background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg);
background-size: cover;
}
.twocols:nth-child(even) {
margin-right: 0px;
}
/*Widget Sujets récents*/
#recent_topics {
color: #D1BFB2;  /* Voir changer couleur du texte */
font-size: 14px;  /* Voir changer taille du texte */
height: 150px;    /* Voir adapter Hauteur */
width: 188px;    /* Voir adapter Larfeur */
overflow-y:hidden;
overflow-x:auto;  /* voir si mettre hidden */
}
/* ESPACE TOP SITES */
#footer2 {
clear: both;
width: 100%;
}
#footer2 img {
width: 80px; height: 33px;
margin-top:5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer2 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/* PARTENAIRES */
#footer1 {
clear: both;
width: 100%;
padding-top: 15px !important;
}
#footer1 img {
width: 88px; height: 31px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#footer1 img:hover {
-webkit-animation-origin: center center;
-moz-animation-origin: center center;
-ms-animation-origin: center center;
-o-animation-origin: center center;
animation-origin: center center;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#credits {
position: absolute;
bottom: -20px; right: 0;
}
</style>
<div id="pa">
          
   <div id="pa-1">
                 
      <div class="connected">
                      
         <h1>
              Bienvenue <span class="user-name">{USER&amp;#8288;NAME}</span> 
         </h1>
                      
         <p>
                      <span style="font-size: 15px;">      <strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong>      </span>                   
         </p><br />                 
      </div>
                 
      <div id="container">
                      
         <div class="left">
                             
            <!--                  ESPACE CADRE LIENS                  -->                       
            <div id="cadreliens">
                                  
               <div class="texte-contexte">
                                         
                  <h3>
                       <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a>              <br />              <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a>                             
                  </h3>
                                     
               </div>
                                
            </div>
                             
            <!--                  ESPACE CONTEXTE                  -->                       
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                  
               <div id="contexte">
                    CONTEXTE 
               </div>
                                
            </div>
                             
            <!--                  ESPACE NEWS ET RP                  -->                       
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                    
               <div class="twocols news">
                    INFOS            <br />                           
                  <marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                                          
                     <p>
                          Mise à jour du contexte 
                     </p>
                                          
                     <p>
                          Création d'un prédéfini vampire : Jo Laterreur 
                     </p>
                                          
                  </marquee>
                                       
               </div>
                                                                        
               <div class="twocols choses">
                     
                  <p>
                     Derniers Messages
                  </p>
                                                   
                  <table>
                                        
                     <tbody>
                                               
                        <tr>
                                                    
                           <td behavior="none" direction="up" scrollamount="2" style="height: 200px;" <marquee="">
                                                               
                              <div id="recent_topics">
                                                          
                              </div>
                                                <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                             
                           </td>
                                                  
                        </tr>
                                           
                     </tbody>
                                        
                  </table>
                                                         
               </div>
                                
            </div>
                         
         </div>
                      
         <!--                  END COLONNE "LEFT"                  -->                   
         <!--                  ESPACE TOP SITES                  -->                   
         <div class="right">
                             
            <div style="text-align: center;" id="footer2">
                                    
               <h2>
                    VOTONS POUR VK 
               </h2>
                             <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow">            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181">            <img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424">            <img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a>            <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank">            <img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016">            <img src="http://img.root-top.com/topsite/korben/banner.gif" /></a>            <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646">            <img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a>                       
            </div>
                         
         </div>
                      
         <!--                  END COLONNE "RIGHT"                  -->                   
         <div style="text-align: center;" id="footer1">
                              <a href="http://atlantisinsurrection.forumactif.fr">            <img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a>            <a href="http://clan-kravt.fr/index.php">            <img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a>            <a href="http://black-out.forumactif.org">            <img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a>            <a href="http://www.reversa-rpg.com">            <img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a>            <a href="http://autresvies.forumgratuit.org">            <img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a>            <a href="http://xmhorizon.forumactif.org/">            <img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a>            <a href="http://marbrume.forumrpg.org">            <img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a>            <a href="http://asaria-evolution.forumactif.org">            <img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a>            <a href="http://darkdawnsymphony.forumgratuit.org"></a>            <a target="_blank" href="http://divinetemptation.forumactif.org/">            <img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a>            <a href="http://thedepraveddominance.forumdiet.net">            <img src="http://i.imgur.com/rcYsLLm.png" /></a>                   
         </div>
                  
      </div>
             
   </div>
</div>

Ce n'est pas simple cette affaire. J'ai aussi retiré le code des twocols, juste pour voir si le widget n'était pas caché derrière. Mais rien. Il ne s'affiche pas plus sans ça.

[lmc38510]

Pas simple en effet ... mais bon ... nous allons y arriver

Déjà une chose importante ... j'ai mis le code concernant le widget en message d'accueil il fonctionne sur un forum test ...

Reste à voir ce qui cloche dans ton code

Je regarde cela à tête reposée

[L'ange noir]

Si déjà on sait que ça fonctionne, c'est le principal. Reste à trouver le souci dans mon code, comme tu dis.

Je peux faire doucement en supprimant et en remettant lentement les choses dans le code. Quand je suis perdue je fais comme ça. Ca prend du temps, mais au bout d'un moment j'arrive à trouver mon erreur.

Le premier qui trouve prévient l'autre.

[lmc38510]

J'ai trouvé la zone qui cloche Recherche cette partie :

Code:

<table>
                                       
                    <tbody>
                                             
                        <tr>
                                                   
                          <td behavior="none" direction="up" scrollamount="2" style="height: 200px;" <marquee="">
                                                             
                              <div id="recent_topics">
                                                         
                              </div>
                                                <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                           
                          </td>
                                                 
                        </tr>
                                         
                    </tbody>
                                       
                  </table>

Remplace toute cette zone par :

Code:


<marquee style="width: 180px; height: 150px;" scrollamount="2" direction="up">
                    <div id="recent_topics"></div>
              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>                                                                                                           
</marquee>

[L'ange noir]

j'ai changé de <table> à </table>

Ca n'apparaît toujours pas.

Si ça peut aider, quand je sors et que je reviens sur le forum, je le vois en bas à gauche.

[lmc38510]

Oupsssss ..... encore une erreur ....because ...?

dans le Script il y a :

Code:

              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.portal .column .forumline td.row1').html());
              });
              </script>

Pas bon il faut remplacer par ceci:

Code:

              <script type="text/javascript">
              jQuery.get('/portal',function(data){
              jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1'').html());
              });
              </script>