AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


1 résultat trouvé pour auteur_Undomiel

Undomiel

Le widget des ''derniers sujets'' où vous le désirez ! - Lun 31 Jan 2011 - 21:29


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


É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.


Revenir en haut

La date/heure actuelle est Jeu 28 Mar 2024 - 18:38