Galaxie-Séries

Informations / discussions / jeux sur les séries télévisées et les dessins animés

- Sem.

Derniers sujets

» Quizz Spécial Dessins Animés:Images Déformées
par Coventgarden Ven 5 Avr 2024 - 16:42

» Le forum, son nom de domaine et la publicité
par Coventgarden Ven 5 Avr 2024 - 16:41

» Manifest [2018] [S.Live]
par Alexandra Ven 15 Sep 2023 - 2:18

» The Last Kingdom [2015] [S.Live]
par Alexandra Ven 15 Sep 2023 - 2:08

» Le jeu des lettres mélangées [J.Anim] [J.2]
par Alexandra Mar 12 Sep 2023 - 2:43

» Le pendu version Animation [J.Anim] [J.2]
par Alexandra Lun 28 Aoû 2023 - 18:15

» Trois mots pour deviner une série [J.Live] [J.2]
par Alexandra Mer 16 Aoû 2023 - 2:04

» Mes Dessins
par Neptunia Ven 21 Juil 2023 - 9:14

» Le décor du forum
par Neptunia Ven 23 Juin 2023 - 9:31

» Le jeu de l'intrus [J.Anim] [J.8]
par Neptunia Ven 5 Mai 2023 - 10:20

» De quel dessin animé est tirée cette image ? [J.Anim] [J.4]
par Neptunia Ven 5 Mai 2023 - 10:03

» 22 septembre - Un grand méchant anniversaire pour Billie Piper
par Neptunia Jeu 22 Sep 2022 - 11:40

» Snowpiercer [2020] [S.Live]
par Alexandra Mer 1 Juin 2022 - 15:10

» Le pendu version Animation [J.Anim] [J.2] [002]
par Coventgarden Lun 16 Mai 2022 - 12:13

» La musique est un bienfait
par Coventgarden Jeu 24 Mar 2022 - 14:33

» Une vinaigrette ? Oui, mais sans vinaigre SVP
par Manu-34 Mer 29 Déc 2021 - 2:50

» L'index du forum
par Neptunia Lun 27 Déc 2021 - 8:55

» Le tour du monde en 80 jours [2021] [S.Live] [FR] [DE] [IT]
par Manu-34 Jeu 23 Déc 2021 - 2:57

» The Originals [2013] [S.Live]
par Neptunia Mer 22 Déc 2021 - 22:21

» Daredevil [2015] [S.Live]
par Neptunia Mer 22 Déc 2021 - 22:16

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[Forumactif] Créer un widget avec les dernières publications

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

Neptunia

Neptunia
Administratrice

Coucou la compagnie !!


Il y a une dizaine de jours Forumactif a ajouté une nouveauté à sa plateforme de fora gratuits !

[Forumactif] Créer un widget avec les dernières publications 1f4cc Nouveauté Forumactif : les publications sur les forums.

En bref, il s'agit d'un système de pages indépendantes du forum et consultables par tous (membres ou pas). Pages qu'il est possible de construire de façon collaborative à la façon d'un wiki. Toutefois seuls les membres peuvent contribuer, et l'administration du forum peut même restreindre davantage ce droit de création et d'édition des publications.

Ces pages sont optimisées pour s'afficher très rapidement sur mobile (codage adaptatif, aucune image, menu sommaire)

Malheureusement comme nombre de nouveautés depuis quelques années, cela nous est fourni de façon brute et plutôt sommaire. Pour l'amélioration, voire un simple ajout de fonctions essentielles, il faut compter sur leur bon vouloir ou tout bonnement faire notre deuil d'une fonctionnalité qui aurait été utile si un peu plus fignolée dès le début.

Et une fonctionnalité essentielle est précisément de savoir quand il y a de nouvelles publications. Tellement essentiel que ça n'a pas été implémenté. D'où l'existence de ce tutoriel.




Shadow et Dana Domirani avaient déjà proposé un tutoriel pour créer un widget ne reprenant que les derniers sujets d'un sous-forum précis (et non l'ensemble du forum comme c'est le cas ici). Je suis partie de ce tuto pour créer mon propre widget.

[Forumactif] Créer un widget avec les dernières publications 3925258509 Widget derniers sujets d'un sous-forum isolé




Tout d'abord, un aperçu en image de ce que donnera ce tutoriel !

[Forumactif] Créer un widget avec les dernières publications Widdp10

Et c'est parti pour le tutoriel qui est extrêmement facile à mettre en œuvre !


[Forumactif] Créer un widget avec les dernières publications 31-20e3 Créer un widget avec le code suivant :
Code:
<div id="nep-publi"> </div>

Au lieu de créer un widget, il est possible de placer ce code dans le message d'accueil du forum, une description de catégorie où à n'importe quel endroit ou le HTML est autorisé.


[Forumactif] Créer un widget avec les dernières publications 32-20e3 Créer un nouveau code Javascript avec un titre explicite et placé sur toutes les pages, avec le code suivant :

Code:
  jQuery(document).ready(function(){
    jQuery("#nep-publi").load("/publi div.article-infos:lt(5)");
    });

Le javascript est conçu pour afficher les cinq dernières publications. Pour réduire ou augmenter ce nombre il suffit de modifier le (5) présent dans le code javascript.


[Forumactif] Créer un widget avec les dernières publications 33-20e3 Ajouter à votre feuille de style CSS, le code suivant :

Code:
#nep-publi div.article-infos {
  display: block !important;
  margin: 2px 1px 0;
  padding: 2px 5px 5px 30px;
  border: 1px solid #B1BFC0;
  border-radius: 5px;
  background: #F3F9F9 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
  text-decoration: none !important;
  }
#nep-publi div.article-infos:hover {
  background-color: #D8DEDE;
  color: #708090 !important;
  text-shadow: #fff 1px 1px 0px;
  }
#nep-publi ul.inline li {
  display: inline-block;
  margin-left: 5px;
  }

Ce CSS est personnalisable à volonté et a pour seul but de produire un widget opérationnel sans rien ajouter ou modifier.


[Forumactif] Créer un widget avec les dernières publications 34-20e3 Il ne reste plus qu'à activer votre widget ...

... et à créer de nouvelles publications.




Ce tutoriel devrait fonctionner sur n'importe quelle version de forum Forumactif, toutefois il n'a pour l'instant été testé en conditions réelles que sur PunBB et ModernBB.




Ce tutoriel vous est librement proposé : Nul besoin de se connecter, ni de s'inscrire pour avoir accès à ce tutoriel.
Aucune reproduction possible sans accord, conformément à l’article L122-1 du CPI.
Aucun support ne sera assuré sur ce forum, en cas de problème et/ou de questions, merci de vous diriger vers le forum officiel de support ou vers n'importe quel forum d'entraide ou de codage digne de ce nom.

Merci de respecter et de ne pas vous approprier le travail des autres
https://www.galaxie-series.net/

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum