#amy code...

[peekaboorpg]

comme j'ai fini le design de pab, j'ai rien à faire pendant 1 mois, et je me suis dit que j'allais mettre en LS un thème pour forumactif du coup ! j'ai commencé à le design aujourd'hui, en commençant par les catégories... je suis pas encore 100% satisfaite mais voilà déjà un petit aperçu de ce que ce sera 🌸

[peekaboorpg]

Scripts pour ajouter l'avatar et/ou la couleur de groupe sur les tags de pseudos

A nouveau un petit truc que j'ai fait pour PaB, mais qui vous sera peut-être utile !! C'est pour les mentions de pseudos dans les sujets :

Documentation

J'ai fait 3 versions :

1 version avec juste l'avatar : https://codepen.io/dinerchezdorsia/pen/raORozK

1 version avec juste la couleur de groupe : https://codepen.io/dinerchezdorsia/pen/WbQmLOp

1 version avec les deux : https://codepen.io/dinerchezdorsia/pen/YPygdrK

Enjoy ✨

[peekaboorpg]

CODE RP // Magnolia

(codepen)

Voilà un petit code de rp pour forumactif ; il est plutôt simple mais s'avère responsive et vous pouvez contrôler la taille de texte, les polices, et les couleurs (fond, hachures, bordures, texte...). Vous pouvez également changer l'image de la fleur pour en mettre une qui vous plaît +, l'image s'adaptera pour se mettre à moitié à l'intérieur du cadre. cf exemple sous le cut.

Important : je code exprès pour forumactif, je fais donc en sorte que les retours à la ligne ne soient pas pris en compte dans le code, sauf dans la div qui contient le rp. Vous pouvez donc copier-coller tel quel la partie HTML du codepen dans votre post sur FA. Pour le CSS, vous pouvez l'enregistrer dans un fichier .css et l'héberger sur dropbox par exemple, ou bien l'intégrer directement à votre post entre deux balises <style></style>, mais à ce moment-là il faudra retirer les retours à la ligne.

Personnalisation :

Pour personnaliser les couleurs et les polices, utilisez les variables css au début de la div .pkb_magnolia :

.pkb_magnolia{ --pkbmag_font: POLICE PRINCIPALE (par défaut : Roboto); --pkbmag_wgt: GRAISSE DE LA POLICE PRINCIPALE (400); --pkbmag_size: TAILLE DU TEXTE PRINCIPAL (16px); --pkbmag_font_titre: POLICE DU TITRE (Pirata One); --pkbmag_wgt_titre: GRAISSE DU TITRE (400); --pkbmag_size_titre: TAILLE DU TITRE (60px); --pkbmag_font_infos: POLICE DU TAG/NBRE DE MOTS (Roboto Serif); --pkbmag_wgt_infos: GRAISSE DU TAG/NBRE DE MOTS; --pkbmag_color_txt: COULEUR DU TEXTE (#300b12); --pkbmag_color_bord: COULEUR DES BORDURES (#300b12); --pkbmag_color_hash: COULEUR DES HACHURES (#958281); --pkbmag_color_fond: COULEUR DU FOND (#f6f4eb); }

btw j'ai un ko-fi si ça vous intéresse ; bon rp !

exemple de personnalisation :

[peekaboorpg]

update derpy : j'ai codé la PA, et j'ai officiellement fait du responsive mdr

[peekaboorpg]

Script pour une liste des membres améliorée : filtres, tri, recherche sans rechargements de page et avec pagination dynamique (v.2.0)

J'ai posté quelques wip et rencontré un certain enthousiasme donc je vous mets le code à disposition maintenant qu'il est terminé ! ✨

Documentation (+ doc sur le forum du Blank Theme)

HTML RECHERCHE, FILTRES ET TRI > https://textup.fr/868292Ea

JS MEMBERLIST > https://codepen.io/dinerchezdorsia/pen/NPGJepb

N'hésitez pas à me faire des retours et à demander de l'aide si besoin ; je pense continuer d'améliorer le code si j'y arrive, notamment en optimisant la requête ajax, et pourquoi pas rajouter d'autres champs du profil avec du json... on verra. 👁

[peekaboorpg]

update derpy ! ✨

j'ai terminé de coder les profils, il y aura donc aussi un changement de couleur selon le groupe ainsi que deux onglets, un avec les champs de profil et l'autre avec la feuille personnage et les récompenses.

du coup pour la suite, il me reste la liste des membres & les pages de groupes, ainsi que la boîte à mps ♥ on s'approche de la fin ui ui ui...

[peekaboorpg]

Les sujets sont codés ✨ Comme vous pouvez le voir j'ai prévu de quoi donner la couleur du groupe aux posts, un profil avec 3 onglets (profil, feuille rpg, et récompenses) et une image personnalisable pour chaque membre en haut à droite de leurs posts (on peut mettre une image par défaut pour chaque groupe, et le membre peut la personnaliser via un champ de profil). J'ai laissé les systèmes de réputation et de like/dislike disponibles également.

Ma dernière interrogation serait de mettre ou non le numéro du post à côté de l'ancre # pour chaque message ; je l'ai fait sur PaB et je trouve ça pratique pour savoir quand le sujet va passer à une nouvelle page, mais à voir si c'est vraiment utile pour un LS, je ne sais pas...

Et un petit aperçu sur mobile pour finir hihi

[peekaboorpg]

résultat des tâtonnements du jour sur le menu latéral du thème derpy ✨

il contiendra le switcheroo, le menu principal, la barre de recherche et des petites annonces.

pour ces dernières j'hésite un peu :

soit je fais un script qui récupère automatiquement les infos des sujets dans un sous-forum précis (mais du coup il faudra dire aux membres de mettre l'info du nombre de rps recherchés dans le titre ou la desc à la création de leur sujet)

soit je laisse en manuel et les admins devront mettre elleux-mêmes le texte pour chaque annonce 🤔 (chiant mais au moins on conserve + de facilité/liberté pour les membres et la possibilité de faire un texte personnalisé pour chaque annonce...)

ça réfléchit 😔😔😔