AccueilFAQRechercherMembresGroupesS'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.


    Le widget des ''derniers sujets'' où vous le désirez !

    Partagez
    avatar
    Undomiel
    FémininAge : 33Messages : 63

    le Lun 31 Jan 2011 - 21:29

    Rappel du premier message :


    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.
    avatar
    Ami
    FémininAge : 26Messages : 88

    le Jeu 7 Fév 2013 - 1:09

    Bonsoir,

    Ce n'est pas bien compliqué pourtant^^

    Tu vas dans ton panneau d'administration -> Affichage -> gestion des images-> général/navigation.

    En descendant un peu, tu tombes la-dessus :



    Comme tu peux le constater, j'ai mis des images de ce genre -> de partout SAUF pour le portail où je ne met RIEN.

    Une fois que tu as installé toutes tes petites images pour ta barre de navigation, tu vas dans affichage -> en tête & navigation -> et afficher seulement les images dans la barre de navigation : et je coche OUI .

    Ceci te permet d'avoir ton portail actif sans le voir, vu que tu n'as plus aucunes icônes pour y accéder, seuls les personnes qui ont accès au panneau d'administration pourront le voir via le panneau.

    Voila, j'espère que tu comprendras mieux =S car je ne crois pas pouvoir mieux faire >3<

    PS : Pour ta question, non ce n'est pas normal que tu es un cadre vide sur ton forum, c'est parce que tu n'as pas activé ton portail.



    avatar
    xodramm
    FémininAge : 39Messages : 286

    le Ven 8 Fév 2013 - 23:12

    Ahhhhhhh bon oki ça fonctionne, merci. :love:
    avatar
    Ami
    FémininAge : 26Messages : 88

    le Dim 10 Fév 2013 - 1:33

    De rien, ravie de t'avoir aidé =3



    avatar
    Lena'
    FémininAge : 23Messages : 41

    le Ven 26 Avr 2013 - 14:54

    Merci beaucoup pour cette astuce ~



    avatar
    Kathee
    FémininAge : 24Messages : 656

    le Lun 18 Nov 2013 - 0:32

    Merci pour le code, et également Merci à Ami. J'ai pu résoudre mon problème avec ses explications. :love: 





    Nous serions ravis de vous accueillir - Venez donc voir ce petit petit fofo
    avatar
    Gossip Coco
    FémininAge : 34Messages : 7

    le Mar 11 Mar 2014 - 9:59

    Merci pour ce tuto ^^
    avatar
    Likau
    MasculinAge : 23Messages : 324

    le Sam 29 Mar 2014 - 18:39

    Alors j'ai activé le portail pour ce widget, j'ai utilisé le "empty", l'option des images seules pour la navigation est bien cochée... mais je tombe quand même sur le portail quand j'arrive sur le forum :/

    Je fais comment pour remédier à ça, s'il-vous-plaît ? D:
    avatar
    Nonze
    MasculinAge : 23Messages : 80

    le Sam 14 Juin 2014 - 0:54

    Merci
    avatar
    Onyx
    FémininAge : 23Messages : 2945

    le Mar 22 Juil 2014 - 3:30

    Merci ^^



    avatar
    Immortal
    FémininAge : 31Messages : 631

    le Lun 15 Sep 2014 - 22:48

    Rhooooo depuis le temps que je cherchais ce code.

    Merci pour ce partage ^^




    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    avatar
    Ouat
    FémininAge : 33Messages : 74

    le Mer 10 Déc 2014 - 19:04

    Merci ^^
    avatar
    Skyleen
    FémininAge : 25Messages : 476

    le Lun 15 Déc 2014 - 1:36

    Merci pour le partage ♥



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    avatar
    Ouat
    FémininAge : 33Messages : 74

    le Mer 31 Déc 2014 - 15:13

    Merci du partage^^
    avatar
    reshiram44
    MasculinAge : 18Messages : 335

    le Jeu 12 Fév 2015 - 21:00

    merci



    avatar
    Yuki Kaga
    FémininAge : 17Messages : 261

    le Sam 28 Mar 2015 - 0:25

    Thanks ♠
    avatar
    Akiyuki
    MasculinAge : 19Messages : 89

    le Mer 8 Avr 2015 - 19:32

    Merci O/
    avatar
    Saphire
    FémininAge : 19Messages : 146

    le Sam 11 Avr 2015 - 10:20

    mercii
    avatar
    Lizbeth
    FémininAge : 20Messages : 162

    le Sam 6 Fév 2016 - 21:09

    Merci ! ( je ne sais pas si j'ai déjà posté.. )
    avatar
    Kelalin
    FémininAge : 24Messages : 1530

    le Sam 6 Fév 2016 - 23:19

    Merci pour le partage !
    avatar
    Louchita
    FémininAge : 24Messages : 125

    le Lun 22 Fév 2016 - 23:57

    J'ai essayer de placer ce code dans la PA du forum mais sa me donne juste un espace vide a la place x)



    avatar
    DanyMasta
    MasculinAge : 27Messages : 11

    le Mer 24 Fév 2016 - 21:41

    Merci ^^
    avatar
    Choubakawa
    MasculinAge : 23Messages : 77

    le Dim 28 Fév 2016 - 15:48

    Merci ! :)



    avatar
    miss69
    FémininAge : 33Messages : 40

    le Dim 6 Mar 2016 - 2:41

    ohhhh merciiii. ca marchait une gois sur deux chez moi mais la c'est nickel
    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 147

    le Mer 30 Mar 2016 - 23:00

    Merci
    avatar
    KTMiz
    MasculinAge : 18Messages : 47

    le Ven 22 Avr 2016 - 0:29

    merci



    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Aoû 2017 - 12:15