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 : 32Messages : 63

    le 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.
    avatar
    âme
    FémininAge : 51Messages : 154

    le Lun 31 Jan 2011 - 22:53

    Bonsoir Undomiel,
    Merci pour ce codage Wink

    Bonne soirée.

    EDIT.
    J'ai inséré ce code dans un cadre, c'est parfait !
    Merci encore Very Happy



    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Lun 31 Jan 2011 - 23:58

    Ah cool ! J'avais trouvé un code très sympa avec même un aperçu des messages et tout... Il avait été fait par Etana il me semble (qui d'autre ? Razz), mais il avait le défaut de fonctionner par période, selon la mise à jour javascript de notre navigateur peut-être, je ne sais pas...

    Celui-ci est pas mal du tout^^ Merci du partage !



    avatar
    Solstice
    MasculinAge : 33Messages : 72

    le Dim 20 Mar 2011 - 14:46

    C'est une excellente idée ! de cette manière plus besoin de "placards" sur le côté du forum ! Merci du partage !
    avatar
    asesino
    MasculinAge : 27Messages : 14

    le Jeu 7 Juil 2011 - 19:47

    Wink
    avatar
    Apophis
    FémininAge : 22Messages : 5556

    le Sam 9 Juil 2011 - 12:15

    Encore une fois : :pres:
    C'est bien beau de vouloir profiter des astuces, mais encore faudrait-il prendre la peine d'aller ne serait-ce que se présenter...



    The Dark Knight Rises reprenant A Tale of two Cities : épique.

    "I see the lives for which I lay down my life, peaceful, useful, prosperous and happy.
    I see that I hold a sanctuary in their hearts, and in the hearts of their descendants, generations hence.
    It is a far, far better thing that I do, than I have ever done ; it is a far, far better rest that I go to than I have ever known. "
    avatar
    Adichou*
    FémininAge : 24Messages : 71

    le Dim 5 Fév 2012 - 2:22

    Merci beaucoup pour ce tuto =)
    avatar
    titou9322
    MasculinAge : 21Messages : 158

    le Sam 18 Fév 2012 - 15:42

    Coucou mais comment je fais pour le mettre n'importe ou
    avatar
    Sandra2912
    FémininAge : 38Messages : 23

    le Mar 28 Fév 2012 - 16:40

    merci
    avatar
    BlueOcelot
    FémininAge : 27Messages : 25

    le Lun 30 Avr 2012 - 20:36

    Merci beaucoup pour ce code bien utile
    il fonctionne très bien cependant j'ai une petite question
    j'ai activer le portail mais je ne trouve pas comment supprimer le bouton/lien qui est dans la barre de navigation et qui mène au dit portail que je ne souhaite pas faire apparaître sur le forum.


    Merci d'avance pour l'astuce ! ^^
    avatar
    Sun01
    FémininAge : 24Messages : 24

    le Sam 23 Juin 2012 - 23:02

    Merci
    avatar
    LouGreen
    FémininAge : 33Messages : 48

    le Lun 16 Juil 2012 - 13:27

    @ BlueOcelot : si tu vas dans la gestion des images et que tu laisses le champs d'url vide ça devrait suffire ?


    Merci pour l'astuce en tout cas c'est pile ce que je cherchais.





    avatar
    Chocolakato
    FémininAge : 27Messages : 778

    le Sam 10 Nov 2012 - 17:16

    Bouhouhou.
    J'ai mis le code sur la page d'accueil, mais si je mets pas le widget en placard a gauche, il me l'affiche pas :'(
    Et si je le mets, j'ai les deux u_u

    Siouplait? :'(



    avatar
    shala
    FémininAge : 25Messages : 213

    le Sam 8 Déc 2012 - 14:55

    merci



    avatar
    CN.June
    FémininAge : 53Messages : 306

    le Dim 20 Jan 2013 - 11:17

    Bonjour, merci pour cette astuce :')
    Mais est-il nécessaire que la PA soit activé ? Peut-on faire sans ou pas car j'aimerai justement ne pas avoir à mettre de portail, et donc ajouter le code uniquement sur ma PA.
    Merci d'avance ^^
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Dim 20 Jan 2013 - 11:48

    Normalement, si le portail n'est pas activé rien n'apparait dedans, mais tu n'es pas forcée de rendre ton portail accessible. Il n'y a en pas de visible sur N-U et pourtant il est bien actif^^



    avatar
    CN.June
    FémininAge : 53Messages : 306

    le Dim 20 Jan 2013 - 12:40

    D'accord ! Merci bien pour cette réponse rapide mon capitaine ** ♥
    Huhu, je savais bien qu'il y avait des passages secrets sur NU /PAN/
    avatar
    TheHauteDefinition
    FémininAge : 23Messages : 20

    le Lun 21 Jan 2013 - 23:36

    Merci pour cette astuce. Mais après avoir testé, j'ai remarqué que l'on ne peut pas insérer ce widget dans une page HTML de Forumactif, si celle-ci n'utilise pas le haut et bas de page du forum... Y a-t-il une solution miracle à ça ? scratch Car j'aimerais insérer les derniers sujets sur une page du site et non sur le forum même.



    avatar
    xodramm
    FémininAge : 39Messages : 286

    le Mar 22 Jan 2013 - 18:05

    Merci pour l'astuce, mais j'ai une petite question. C'est normal que je ne sache pas du tout où mettre le texte dedans ? scratch
    avatar
    TheHauteDefinition
    FémininAge : 23Messages : 20

    le Ven 25 Jan 2013 - 22:26

    Pardon, je n'ai pas compris, quel texte souhaites-tu mettre dans quoi ? Un texte dans le code ? Si c'est cela, le code ne nécessite aucune modification (à part si tu veux personnaliser la largeur, hauteur, le défilement, ect.). Sinon, tu peux le C/C sans avoir à ajouter quoi que ce soit dedans, il sera fonctionnel.

    Excuse-moi d'avance si j'ai mal compris ta question.



    avatar
    xodramm
    FémininAge : 39Messages : 286

    le Ven 25 Jan 2013 - 22:40

    Heum donc c'est normal d'avoir un espace vide sur notre forum ??? http://blakens.forum-canada.com/

    Spoiler:

    Sinon je n'ai peut-être pas compris à quoi ce code servait .. :gene:
    avatar
    ptite_perle
    FémininAge : 53Messages : 103

    le Dim 27 Jan 2013 - 21:29

    Merci :)



    avatar
    Léoshadow
    MasculinAge : 18Messages : 47

    le Mar 29 Jan 2013 - 6:57

    Le code ne marche pas :'(



    Mon texte Very Happy
    avatar
    Ami
    FémininAge : 25Messages : 88

    le Dim 3 Fév 2013 - 19:51

    Petite astuce :

    Bonjour, je connaissais ce code par contre il est vrai que cela peut poser problème à certains car il faut OBLIGATOIREMENT activer le portail.

    Mais j'ai trouvée une solution xD Pour ceux que ça intéresse, vous pouvez me lire ^_^

    En fait, je met des images pour ma barre de navigation comme ceci ->



    Et je fais pareil pour tout SAUF le portail où là je met : http://illiweb.com/fa/empty.gif

    Et ensuite, une fois toutes mes images installées, je vais dans affichage -> en tête & navigation -> et afficher seulement les images dans la barre de navigation : et je coche OUI .

    Et ainsi, vous avez votre défilement des derniers sujets où vous voulez et sans portail visible :love:



    avatar
    xodramm
    FémininAge : 39Messages : 286

    le Mer 6 Fév 2013 - 21:26

    Heum ... j'ai absolument rien compris moi :innocent:
    Contenu sponsorisé


      La date/heure actuelle est Sam 24 Juin 2017 - 17:41