Rappel du premier message :
Édit Onyx : Le LS a été refait de A à Z suite aux modifications du widget par Forumactif. Il fonctionne maintenant pour toutes les versions.
Bonjour à tous !
Comme vous le savez sans doute, Forumactif propose un certain nombre de widgets dont le plus connu est l'affichage des derniers sujets auxquels il y a eut une réponse. Ce tableau est bien pratique mais plusieurs d'entre nous aimeraient sans doute pouvoir l'utiliser ailleurs que sur le portail ou dans les widgets latéraux.
Tout d'abord, vous devez activer les widgets.
Pour cela, rendez-vous sur :
> Panneau d'administration
> > Modules
> > > Portail et Widgets
> > > > Gestion des widgets du forum
Puis, vous vous assurez que le widget des derniers sujets est le premier widget en haut à droite (quitte à supprimer tous les autres).
Vous vous assurez que, dans le widget des derniers sujets, le défilement est activé.
Nous allons maintenant allez où on veut placer les derniers sujets.
Puis, vous mettez le code suivant où vous voulez que les derniers sujets s'affichent :
Nous allons ensuite mettre un javascript dans :
> Panneau d'administration
> > Modules
> > > HTML & Javascript
> > > > Gestion des codes Javascript
Vous vous assurez que la gestion des codes javascript est activée.
Vous créez un nouveau javascript.
Vous choisissez le placement "sur l'index" si vous voulez que cela s'affiche seulement sur la page d'accueil
Vous choisissez le placement "sur toutes les pages" pour l'afficher partout.
Vous collez ce javascript et vous enregistrez :
Enfin, on met ceci dans le CSS :
Voilà, c'est tout ^^
Si jamais vous voulez que les derniers sujets défilent, je vous invite sur ce tutoriel.
Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
Lien pour comprendre pourquoi le contenu n'est pas sous hide
Lien pour comprendre pourquoi le contenu n'est pas sous hide
Édit Onyx : Le LS a été refait de A à Z suite aux modifications du widget par Forumactif. Il fonctionne maintenant pour toutes les versions.
Bonjour à tous !
Comme vous le savez sans doute, Forumactif propose un certain nombre de widgets dont le plus connu est l'affichage des derniers sujets auxquels il y a eut une réponse. Ce tableau est bien pratique mais plusieurs d'entre nous aimeraient sans doute pouvoir l'utiliser ailleurs que sur le portail ou dans les widgets latéraux.
Étape 1 - Activer les widgets
Tout d'abord, vous devez activer les widgets.
Pour cela, rendez-vous sur :
> Panneau d'administration
> > Modules
> > > Portail et Widgets
> > > > Gestion des widgets du forum
Puis, vous vous assurez que le widget des derniers sujets est le premier widget en haut à droite (quitte à supprimer tous les autres).
Vous vous assurez que, dans le widget des derniers sujets, le défilement est activé.
Étape 2 - Mettre les derniers sujets où on veut
Nous allons maintenant allez où on veut placer les derniers sujets.
Puis, vous mettez le code suivant où vous voulez que les derniers sujets s'affichent :
- Code:
<div id="derniers_sujets"></div>
Étape 3 - Installer le javascript
Nous allons ensuite mettre un javascript dans :
> Panneau d'administration
> > Modules
> > > HTML & Javascript
> > > > Gestion des codes Javascript
Vous vous assurez que la gestion des codes javascript est activée.
Vous créez un nouveau javascript.
Vous choisissez le placement "sur l'index" si vous voulez que cela s'affiche seulement sur la page d'accueil
Vous choisissez le placement "sur toutes les pages" pour l'afficher partout.
Vous collez ce javascript et vous enregistrez :
- Code:
$(function(){
/*Chemin pour phpBB3, Invision et PunBB*/
var pour_phpbb3_invision_punbb = '#left .module:first .js-marquee:first';
/*Chemin pour phpBB2*/
var pour_phpbb2 = '#left .forumline:first .js-marquee:first';
/*Aller chercher le contenu des derniers sujets avec les chemins*/
var widget_derniers_sujets = $(pour_phpbb2 + ',' + pour_phpbb3_invision_punbb).html();
/*On ajoute le contenu der derniers sujets dans le bloc où on veut qu'ils soient*/
$('#derniers_sujets').html(widget_derniers_sujets);
});
Étape 4 - Allez mettre un peu de CSS
Enfin, on met ceci dans le CSS :
- Code:
/*Fait disparaître la colonne des widgets*/
#left {
display: none;
}
/*Personnaliser le contenu des derniers sujets*/
#derniers_sujets {
width: ;
}
Voilà, c'est tout ^^
Si jamais vous voulez que les derniers sujets défilent, je vous invite sur ce tutoriel.