Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique
Page 1 sur 1 • Partagez
- Milouze14Fondateur
Hello les ami(e)s,
l'astuce suivante vous permettra d'avoir un ou plusieurs Widgets pour afficher les derniers messages(sujets) d'un forum spécifique à l'identique d'un widget derniers sujets (ou presque).
Pour cela , il faudra paramétrer les permissions de chaque nouveau Widget que vous désirerez mettre en place.
On va juste faire une petite modification dans le template afin de bien cibler la date:
Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box
Recherchez ceci (ligne 81 environ):
Supprimez et remplacez par:
Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis
Pour la création de Widget:
https://forum.forumactif.com/t233284-installation-modification-de-widgets#2141122
Nom du widget :
Utiliser une table type : Oui
Titre du widget :" Donner un titre en relation avec le forum concerné"
Cliquez sur
Le widget est créé.
On va donner les permissions sur le visu des sujets de ce dernier.
Afin d'éviter des soucis sur le visuel des sujets, je vous recommande de décocher la case "Invités"
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget10](https://i.servimg.com/u/f87/11/26/21/37/widget10.png)
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget11](https://i.servimg.com/u/f87/11/26/21/37/widget11.png)
Éditez le widget en cliquant sur le petit engrenage:
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget12](https://i.servimg.com/u/f87/11/26/21/37/widget12.png)
Je vous explique le fonctionnement du contenu a insérer dans le widget:
Pour le premier il faudra insérer cette div ayant la class:
Puis dans le script il faudra renseigner la section de la liste des sujets du forum concerné :
Puis le nombre que vous désirez afficher dans le widget:
Changer le nombre 10 ici par celui que vous désirez .
En tenant compte du nombre de sujets a afficher doit être inférieur à ce qui est mentionné dans votre P.A:
Général/Messages et Emails/Configuration/Sujets
Nombre de sujets par page :
Voilà, c'est tout pour les explications.
Passons aux choses sérieuses.
Placez donc ce contenu en modifiant la section du forum concerné et le nombre de sujets à afficher.
Cliquez sur
.
Un peu de style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Pensez à valider les modifications en cliquant sur le bouton Valider
Si vous désirez afficher d'autres widgets, il suffit de modifier la class et le script:
Exemple en ajoutant le chiffre 1:
Et voilou les ami(e)s
.
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
l'astuce suivante vous permettra d'avoir un ou plusieurs Widgets pour afficher les derniers messages(sujets) d'un forum spécifique à l'identique d'un widget derniers sujets (ou presque).
Pour cela , il faudra paramétrer les permissions de chaque nouveau Widget que vous désirerez mettre en place.
On va juste faire une petite modification dans le template afin de bien cibler la date:
Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box
Recherchez ceci (ligne 81 environ):
- Code:
{topics_list_box.row.LAST_POST_TIME}
Supprimez et remplacez par:
- Code:
<span class="M14_date">{topics_list_box.row.LAST_POST_TIME}</span>
Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis

Pour la création de Widget:
https://forum.forumactif.com/t233284-installation-modification-de-widgets#2141122
Nom du widget :
Utiliser une table type : Oui
Titre du widget :" Donner un titre en relation avec le forum concerné"
Cliquez sur

Le widget est créé.
On va donner les permissions sur le visu des sujets de ce dernier.
Afin d'éviter des soucis sur le visuel des sujets, je vous recommande de décocher la case "Invités"
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget10](https://i.servimg.com/u/f87/11/26/21/37/widget10.png)
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget11](https://i.servimg.com/u/f87/11/26/21/37/widget11.png)
Éditez le widget en cliquant sur le petit engrenage:
![[PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique Widget12](https://i.servimg.com/u/f87/11/26/21/37/widget12.png)
Je vous explique le fonctionnement du contenu a insérer dans le widget:
Pour le premier il faudra insérer cette div ayant la class:
- Code:
M14_topics
- Code:
<div class="M14_topics"></div>
Puis dans le script il faudra renseigner la section de la liste des sujets du forum concerné :
- Code:
jQuery.get('/f2-presentations'
Puis le nombre que vous désirez afficher dans le widget:
Changer le nombre 10 ici par celui que vous désirez .
- Code:
jQuery(data).find('div.topictitle:lt(10)').each(function(){
En tenant compte du nombre de sujets a afficher doit être inférieur à ce qui est mentionné dans votre P.A:
Général/Messages et Emails/Configuration/Sujets
Nombre de sujets par page :
Voilà, c'est tout pour les explications.
Passons aux choses sérieuses.
Placez donc ce contenu en modifiant la section du forum concerné et le nombre de sujets à afficher.
- Code:
<div class="M14_topics">
</div><script>
jQuery(function(){
jQuery.get('/f2-presentations' , function(data){
// CHANGER LE NOMBRE ENTRE PARENTHESES
jQuery(data).find('div.topictitle:lt(10)').each(function(){
var texte=jQuery(this).find('a.topictitle').text();
var link=jQuery(this).closest('tr').find('.row3Right a[href^="/t"]').attr('href');
var author=jQuery(this).closest('tr').find('.row3Right a[href^="/u"]').text();
var date=jQuery(this).closest('tr').find('.M14_date').text();
if(author)
{
jQuery('.M14_topics').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span> par '+author+' '+date+'</span><br />');
}
else
{
jQuery('.M14_topics').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span>par invité '+date+'</span> <br />');
}
});});});
</script>
Cliquez sur

Un peu de style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
- Code:
/*Les sujets dans le widget*/
div[class^="M14_topics"]
{
color:black;
font-size:10px;
}
/*Les liens*/
div[class^="M14_topics"] a.topictitle
{
font-size:10px;
width:190px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: list-item;
text-decoration:none!important;
color:orange !important;
}
/*Le pseudo et la date*/
div[class^="M14_topics"] span
{
font-style:italic;
font-size:10px;
color:black;
}
Pensez à valider les modifications en cliquant sur le bouton Valider
Si vous désirez afficher d'autres widgets, il suffit de modifier la class et le script:
Exemple en ajoutant le chiffre 1:
- Code:
<div class="M14_topics1">
</div><script>
jQuery(function(){
jQuery.get('/f2-presentations' , function(data){
// CHANGER LE NOMBRE ENTRE PARENTHESES
jQuery(data).find('div.topictitle:lt(10)').each(function(){
var texte=jQuery(this).find('a.topictitle').text();
var link=jQuery(this).closest('tr').find('.row3Right a[href^="/t"]').attr('href');
var author=jQuery(this).closest('tr').find('.row3Right a[href^="/u"]').text();
var date=jQuery(this).closest('tr').find('.M14_date').text();
if(author)
{
jQuery('.M14_topics1').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span> par '+author+' '+date+'</span><br />');
}
else
{
jQuery('.M14_topics1').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span>par invité '+date+'</span> <br />');
}
});});});
</script>
Et voilou les ami(e)s

Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide

https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:54, édité 2 fois (Raison : Correction norme saut de ligne, merci à Bipo)
NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- MoraneMilouzien
Merci Phil 

- KaeylaMilouzien
Merci Phil. pour ce superbe partage 

- 1bernard1Milouzien
Astuce intéressante... Merci...malheureusement pour moi, je n'ai pas accès aux templates...
- BipoMilouzien
Superbe astuce !
J'ai pu l'adapter, pour afficher les news d'une section sur l'accueil d'un forum :)
Par contre, on pourrait corriger ça :
Modifier les balises br par br / Sinon, cela indique une erreur dans le script (sans conséquence).
Merci pour ce partage !
J'ai pu l'adapter, pour afficher les news d'une section sur l'accueil d'un forum :)
Par contre, on pourrait corriger ça :
- Code:
if(author)
{
jQuery('.M14_topics1').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span> par '+author+' '+date+'</span><br />');
}
else
{
jQuery('.M14_topics1').append('<a class="topictitle"href="'+link+'"title="'+texte+'"> » '+texte+' </a> <span>par invité '+date+'</span> <br />');
}
</script>
Modifier les balises br par br / Sinon, cela indique une erreur dans le script (sans conséquence).
Merci pour ce partage !
- Milouze14Fondateur
Hello Bipo,
merci pour ta remontée, pourtant je suis le premier à le mentionner.........
C'est corrigé
.
merci pour ta remontée, pourtant je suis le premier à le mentionner.........
C'est corrigé

NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum