[Aide Codage] Codage top 10 des posteurs

J'ai trouvé sur un autre forum ce codage que j'aimerais bien installer sur le mien mais ça ne marche pas, pourtant j'ai juste changé l'adresse du forum scratch

Est-ce que vous avez une idée de ce qui cloche? Je pensais peut être à la version du forum?

Code:: <table cellpadding="0" cellspacing="2" style="margin:auto; width:250px; background-color:#FEFEF6; border:2px double #44290E; text-align:center;"><tr><td><iframe name="posteurs" src="http://ecofriends.forumactif.com/h10-posteur" scrolling="no" height="500px" width="220px" frameborder="0" ></iframe></td></tr></table>

Merci d'avance pour votre aide Very Happy

Coucou

Tu peux nous donner le html du code que tu as dans : http://ecofriends.forumactif.com/h10-posteur stp ?

Je n'ai que ce code, pas de html scratch

Tu n'as pas créé de page html ?

En fait, là, tu essaies d'appeler dans un bloc sur ta page le contenu d'une page html. Du coup, si ta page html (dans PA > module > gestion des pages html) n'existe pas, ça va "couac" :/

Ah ben non du coup, je ne savais pas lol Comme je suis simple membre sur cet autre forum, je croyais que c'était un code "classique" ^^

Bon créer une page je sais, mais reste à voir ce qu'il faut mettre pour avoir le classement ^^

Dis nous exactement ce que tu veux faire, et on va voir pour le faire ensemble Smile

(il me semble que j'ai une petite idée de ce que tu aimerais faire :p )

Voilà déjà en image ce que je dis

[Aide Codage] Codage top 10 des posteurs Sans_t10

Donc en fait c'est un graphique qui montre en temps réel qui sont les posteurs les plus actifs du forum pendant le mois en cours. Quand on apsse la souris sur la barre, on peut aussi voir le nombre de messages postés durant ce mois.

Du coup, un truc de ce style :
http://miettes.lebonforum.com/

Avec, en plus, le petit truc quand tu survoles la barre ?

Il est possible d'avoir les 10 premiers? Et de pouvoir y mettre uniquement dans un sujet?

Il me semble que ça reprend les infos des statistiques :
https://tambouille-raleuses.forumactif.com/statistics#7

Donc si tu en as 10 d'afficher, ça en mettra 10 ^^

je vais rentrer, je regarde dans la soirée ou demain pour te répondre en détail Smile

Coucou

Alors, on va voir comment faire ça :
http://miettes.lebonforum.com/t49-afficher-les-top-posteurs-du-mois-dans-un-message#295
qui correspond à ce que tu as envie (si j'ai bien compris ^^)

1) Dans un premier temps, on va créer un portail (PA > Modules > Portail & Widgets > Configuration du portail). Ici, j'ai créer un nouveau portail : Widgets.

Spoiler:

Dans ce portail, on va ajouter le module "Les posteurs les plus actifs du mois".

Spoiler:

Et on enregistre.

2) On va ensuite aller modifier le template "mod_top_post_users_month" (PA > Affichage > Templates > Portail) pour lui ajouter un nom afin de le récupérer plus facilement. Pour cela, on repère ça :

Code:: <div class="module">

et on le remplace par :

Code:: <div class="module posteurs-mois">

On enregistre et on n'oublie pas de publier.

3) Dernière étape dans le Panneau d'Administration : la création d'une page HTML (PA > Modules > HTML & JAVASCRIPT
> Gestion des pages HTML > Création en mode avancé (HTML)). Celle-ci contiendra :
• une div "receptacle" pour afficher le widget du portail ;
• la mise en page ;
• un petit bout de javascript pour charger le widget.

Voici donc la page "type HTML". J'ai commenté la partie CSS mais on peut la modifier ensemble si tu veux Smile

:

Code:: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Top posteur du mois</title> <style> /*** Le bloc qui contient le widget ***/ #bloc-posteurs-mois{ background: #fff; /* Couleur de fond */ padding: 10px; width: 400px; /* Largeur */ } /*** Le widget ***/ .posteurs-mois{ background: #e4b99e; /* Couleur de fond */ padding: 5px; border: 2px solid #f16e00; /* Bordures*/ } /*** Titre ***/ .h3{ border-bottom: 2px solid #f16e00; /* Bordures*/ color: #f16e00; /* Couleur du texte */ font-size: 14px; /* Taille de la typo */ font-weight: bold; /* Texte en gras */ line-height: 1.2; margin-bottom: 4px; } .h3:before{ content: "►"; padding-right: 5px; } /*** Chaque utilisateur ***/ .mod-top{ font-size: 14px; /* Taille du texte */ line-height: 1; text-align: center; } /* Le pseudo du membre */ .mod-top-name{ margin-bottom: 2px; } .mod-top-name a{ text-decoration: none; } /* Le bloc qui contient la barre + les infos */ .mod-top-bar{ cursor: pointer; position: relative; } /* La barre */ .mod-top-pct{ background: #f16e00; /* Couleur de fond */ border-radius: 5px; /* Coins arrondis */ height: 15px; /* Hauteur du bloc */ } /* Les infos */ .mod-top-desc{ color: #f8f9d8; /* Couleur du texte */ display: none; font-size: 12px; /* Taille du texte */ left: 0; line-height: 15px; /* Pour que le texte soit centré en hauteur, ça doit être le même que la hauteur du bloc .mod-top-pct */ position: absolute; text-align: center; top: 0; width: 100%; } .mod-top-bar:hover .mod-top-desc{ display: block; } </style> </head> <body> <div id="bloc-posteurs-mois"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script> ; (function () { $('#bloc-posteurs-mois').load('/portal?pid=2 .posteurs-mois'); })(); </script> </body> </html>

Il faut que tu penses à changer tout en bas de la page :

Code:: /portal?pid=2

en y mettant le lien vers TON portail qui contient le widget.

Idea

Tu peux voir le rendu de ton bloc en accédant à la page html ; par exemple :
http://miettes.lebonforum.com/h4-tuto-widget-du-portail-dans-un-message

4) Et pour finir, il ne te reste plus qu'à appeler une iframe dans ton message en utilisant ce bout de code :

Code:: <iframe name="Top Posteurs du mois" src="http://miettes.lebonforum.com/h4-tuto-widget-du-portail-dans-un-message" height="200px" width="410px" align="center" marginheight="0" frameborder="0" scrolling="no"></iframe>

Ce qui est à changer :
• le lien, pour mettre celui de TA page HTML :

Code:: http://miettes.lebonforum.com/h4-tuto-widget-du-portail-dans-un-message

• la largeur, si tu as changé la CSS :

Code:: 410px

• la hauteur, en fonction du nombre de membres afficher dans ta liste :

Code:: 200px

Et c'est fini Smile

Je te laisse tester ?

Alors dans le template de base du portail mod_top_post_users_month, je n'ai pas

Code:: <div class="module">

Voilà ce que j'ai

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catLeft" height="25"><span class="genmed module-title">{L_TOP_POST_USERS_MONTH}</span></td> </tr> <tr> <td> <table summary="{L_TOP_POST_USERS_MONTH}" width="100%">  <tr> <td class="{POSTER.ROW_CLASS} genmed" width="30%">{POSTER.NAME}</td> <td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td> </tr>  </table> </td> </tr> </table>

J'ai testé en modifiant le

Code:: <span class="genmed module-title">

Par contre, je n'ai pas de lien du portail sans le rendre visible

Coucou

Pour le lien du portail, tu peux le récupérer en cliquant sur "voir le portail" ^^

Et pour la classe, effectivement, je n'avais pas vérifié toutes les versions (honte à moi Embarassed

). Il faut donc que tu remplaces :

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

par

Code:: <table class="forumline posteurs-mois" width="100%" border="0" cellspacing="1" cellpadding="0">

Justement quand je fais voir le portail, il me met l'adresse basique du forum scratch

Je suppose qu'il y a un bouton quelque part pour choisir d'avoir le forum en page principal, mais je ne sais pas où cyclops

ps : je ne pourrais pas passer cette semaine, donc pas d'inquiétudes si je ne réponds pas ^^ (il y a un sujet d'absence d'ailleurs?)

Hello

Non on n'a pas de sujet d'absence, mais dans ton profil, il y a un champs "informations" :

Spoiler:

Tu peux y noter ton absence en précisant la date de retour (c'est ce que j'ai fait ^^ comme ça tout le monde le voit tout de suite).

---

Pour en revenir à notre histoire de portail, c'est bizarre :/ Moi j'ai désactivé le portail sur mon forum de test, et quand je clique sur "voir le portail", il m'affiche bien celui que je suis en train de configurer :

Spoiler:

Tu peux me dire exactement la manip' que tu fais ? Smile

Merci pour la précision sur les absences Smile

Pour le portail, j'ai bien tout refait comme tu as dit, j'ai même un lien maintenant pour le portail sans l'activer, mais je garde une page blanche dans mon message hihi

D'ailleurs c'est bizarre, car quand je clique sur le lien de ton forum, je tombe aussi les modules vides, est-ce que ça serait un bug plutôt?
http://miettes.lebonforum.com/t49-afficher-des-widgets-du-portail-dans-un-message

je vais demander à celle qui a fait ce widget sur son forum pour voir comment elle a fait Smile

Coucou

Oh pour mon forum de test, c'est ma faute :/ J'ai fait des tests pour un tuto en changeant la version du forum et je pense que mes classes sont parties Sad

*** va aller regarder ça ***

Ah bah en fait, j'avais juste pas remis la bonne version Razz

Regarde ça fonctionne clic

Du coup, tu pourrais me montrer :
1) Ton portail
2) la page html que tu as faite
3) le message que tu postes

Il doit y avoir un couac quelque part ^^ (et on va le trouver ! )

lol,

Alors

L'adresse du portail (mais il ne s'affiche pas quand on clique dessus, c'est peut être ça le problème)
http://ecofriends.forumactif.com/?pid=2

La page
http://ecofriends.forumactif.com/h1-meilleur-posteur

Le message que j'ai posté

Code:: <iframe name="Top Posteurs du mois" src="http://ecofriends.forumactif.com/h1-meilleur-posteur" height="200px" width="410px" align="center" marginheight="0" frameborder="0" scrolling="no"></iframe>

Coucou

Effectivement, le problème doit venir du fait qu'on ne voit pas le portail :/ Mais pourquoi ça c'est une autre question. Essaie de cliquer sur "définir par défaut" dans le panneau d'admin

Tu saurais me montrer une capture d'écran de ton portail dans l'admin ?

Je l'ai mis par défaut, mais la page ne s'affiche toujours pas scratch

[Aide Codage] Codage top 10 des posteurs Sans_t12

Bah mince alors :/ J'ai la même chose pourtant :/ tu as bien réglé les permissions de tes modules ? (n'hésite pas à jeter un oeil à ce tutoriel )

EDIT : Si tu actives ton portail (en mettant "oui" à "Afficher le portail :") ça marche ou pas ?

Bouh le vilain double post !!!

Coucou Smile

Comme ton souci m'intrigue et que je ne comprenais pas d'où venait le problème, je suis allée faire un tour sur le forum d'entraide de FA. Tu n'es pas la seule à avoir eu le souci Smile

https://forum.forumactif.com/t334038-portail-qui-ne-s-affiche-pas

Une astuce a été donnée par Pinguino. Je te la copie/colle ici :

Bonjour,

En fait il y a une petite astuce pour que cela fonctionne.

Assurez-vous d'activer le portail puis dans PA > Général > Page d’accueil > généralités > L'adresse de votre forum dirige vers : mettez INDEX

Puis retournez dans PA > Modules > portail > et désactiver en cochant NON

Puis vous pouvez cliquez sur "voir le portail" !

Cordialement,

Du coup, si on résume, tu as 3 choses à faire :

• Tout d'abord, on active le portail PA > Modules > Portail & Widgets
> configuration du portail et la tu mets "oui" à "Afficher le portail" ;
• Ensuite, tu vas dans PA > Affichage > Page d’accueil > généralités > L'adresse de votre forum dirige vers : et là, tu choisi "l'index du forum" ;
• Et pour finir, tu retournes dans PA > Modules > Portail & Widgets
> configuration du portail et la tu mets "non" à "Afficher le portail".

Je te laisse tester et me dire si ça règle le souci ? Razz

Je regarde ça demain (je n'ai pas envie de bosser aujourd'hui lol)
En tout cas, la fondatrice du forum où j'ai vu ce widget a fait cette manip aussi Smile

Coucou

Oh ! On doit être sur la bonne piste du coup Razz

Alors ça marche, à moitié lol Le portail s'affiche bien Very Happy

Bon du coup je ais tour revoir du début pour voir si ça marche cette fois Smile

edit : ça marche Very Happy

Par contre je vais faire ma chieuse, mais comment je peux mettre le fond en blanc? hihi

Là j'ai ça

[Aide Codage] Codage top 10 des posteurs Sans_t16

re edit : j'ai trouvé c'est bon ^^

[Aide Codage] Codage top 10 des posteurs Sans_t17

Merci

[Aide Codage] Codage top 10 des posteurs

[Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Re: [Aide Codage] Codage top 10 des posteurs

Post-It des Râleuses