[MODERNBB] Derniers sujets sur la PA

Hello Avalanche ,
juste avant de commencer, tu as modifier le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics

Car je n'ai pas les mêmes class que toi sur mon fofo test ModernBB?

Bref, on va se baser sur la base des dernières discussions :

https://pourtester.forumactif.com/latest
Qui revient au même et bien plus facile a coder.



Alors, on placer ceci dans la page d'accueil:

Code:

<div class="M14_get_last_posts">
</div>

Puis le script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur l'index.


Déposer ceci:

Code:


$(function(){
var $this=$('.M14_get_last_posts');
$.get('/latest' , function(data){
$(data).find('.forabg').find('li[class^="row"]').each(function(){
var link=$(this).find('a.topictitle').attr('href');
var texte=$(this).find('a.topictitle').text();
var auteur=$(this).find('.topic-author span').text();
  console.log(auteur);
  $this.append('<div class="M14_topictic_li"><a class="M14_topictitle"href="'+link+'"title="'+texte+'">'+texte+'</a><span>Posté par: '+auteur+'</span></div>');
});});});


Penser a cliquer sur le bouton

Puis le style commenté:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


 /*le bloc des derniers sujets*/
.M14_get_last_posts
{
width:40%;
height:100px;
overflow-y:auto;
margin-left:30%;
background:#999;
border: 3px solid #333;
padding: 3px 3px 3px 10px;
 
}
/*Chaque ligne de sujet ( le petit tiret ) */
div.M14_topictic_li:before
{
content:"-";
position: absolute;
margin-left: -5px;
color: darkred;
}
/*Chaque pseudo*/
.M14_topictic_li span
{
float:right;
margin-right:10px;
}
/*Les liens*/
a.M14_topictitle
{
color:#333;
font-size:13px;
font-style:italic;
text-decoration:none;
width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}


Penser a cliquer sur le bouton

A toi de personnaliser tout cela chère amie.

Pour les liens et le texte ( class M14_topictitle ) ,
il est paramétré pour ne pas mordre sur l'auteur du sujet (placé à droite) .

Donc il vaut mieux ne pas toucher ces valeurs:

Code:

width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;

Si tu ne veux pas limiter la hauteur du bloc ( class .M14_get_last_posts ),
tu peux supprimer ceci:

Code:

height:100px;
overflow-y:auto;

Bonjour!

Ah zut, je crois que j'ai oublié de remettre le template à l'origine après avoir essayé les différentes astuces. Je vais tout remettre comme il faut et essayer ta solution.

Merci, Mimi

@Avalanche ,

tu n'es pas obligé car je ne vais pas rechercher dans ce template chère amie.

C'est tout simplement génialissime!

J'avais déjà le bloc, car je le faisais à la main et c'était très fastidieux parce que ça bouge beaucoup chez moi.
Je n'ai donc eu qu'à mettre ta div à l'emplacement que j'avais déjà + le script, et roulez jeunesse!
J'ai rajouté "overflow: hidden" dans mon CSS car je n'ai besoin que des 3 derniers topics, et c'est juste parfait!

Enfin, si, il fallait remettre le template de base, car il y avait des div rajoutées après ce tuto: Sujets récents sur la PA (et j'aime pas modifier des templates lorsque ce n'est pas utile)

Encore une fois, merci énormément Milouze! Grâce à toi, je gagne du temps qui sera plus utile en étant à la disposition de mes membres. Et cela n'a pas de prix!

Cette fois, je n'oublie pas de mettre résolu, hé hé

De rien Avalanche,