Code de changement d'avatar (sur un sujet ou selon le thème du forum) et de pseudo
Après l'avoir proposé sur un forum et avoir eu plusieurs demandes pour l'utiliser ailleurs, je vous partage quelques codes pour customiser son avatar ou son pseudo sur des sujets de votre forum. ✨ Ça peut être utile aussi bien pour adapter son avatar aux thèmes dark et light du forum que pour changer son apparence ou son pseudo pour des rp spécifiques, comme les events, les flashbacks ou les univers alternatifs !
Pas besoin de me créditer pour mon code, mais n'oubliez pas de mettre le crédit des avatars utilisés quelque part, dans votre profil ou sur la page de votre sujet spécifique.
Et si vous avez le moindre problème / question, toujours dispo pour donner un coup de main ! Par mp, envoyez-moi le lien du forum et d'un sujet où vous utilisez ces codes pour que je puisse inspecter tout ça. 🫶
N'hésitez vraiment pas à me faire remonter le moindre problème ou bug, ça me permettra aussi d'enrichir mes explications et de proposer de meilleures alternatives si besoin. 💫
Changer son avatar
Pour que le code fonctionne, il faut remplacer lien-ici (dans content: url(lien-ici) ) par le lien de votre image et Pseudo (dans img[alt="Pseudo"] ) par le pseudo exact de votre personnage (exemple : ça donnerait img[alt="Steven Universe"])
Vous pouvez utiliser des images qui ne sont pas en 200x320 comme nos avatars, ça coupera les bords de l’image sur les côtés ou en haut et en bas pour ajuster l’image sans en déformer le contenu. Par défaut, ce sera centré, mais vous pouvez ajuster avec la propriété object-position.
Sur la version dark ou light
Ce code permet d'adapter son avatar aux couleurs du forum pour être un peu plus fancy, sur les thèmes dark et light.
La solution ne marche pas sur tout le forum, mais seulement dans les sujets. Vous ne verrez donc pas le changement dans votre profil, la liste des membres ou votre ava sur les derniers messages postés dans les forums par exemple.
Pour utiliser ce code, il faut le c/c dans votre signature (ça ne marchera que sur les sujets où votre signature a été attachée).
Votre avatar de base, celui que vous entrez dans votre profil, s’affichera par défaut sur le forum et dans les sujets sur le light theme, et celui mis en code dans la signature s'affichera en dark theme seulement sur vos sujets. Si vous voulez que ce soit l'inverse, changer [data-color-scheme="dark"] par [data-color-scheme="light"].
Sur un seul sujet
Envie de changer de tête pour un sujet spécifique et de donner vie à vos rp d'event, en flashback ou dans un univers alternatif ?
Il suffit de poster le code ci-dessous dans votre premier message (dans le cas où le rp s’étale sur plusieurs pages, il faudra le remettre dans un message de ces autres pages).
Tout comme on voudrait changer d'avatar pour un sujet spécifique, il est possible de modifier son pseudo.
Il suffit de poster le code ci-dessous dans votre premier message (dans le cas où le rp s’étale sur plusieurs pages, il faudra le remettre dans un message de ces autres pages).
Remplacer Pseudo voulu par le texte que vous voulez afficher.
Il faut remplacer /u1 par votre propre url. Pour cela, prenez l'irl de votre profil et changer le 1 par le numéro de votre compte à vous.
Pour la taille du pseudo (défini avec font-size), elle est mise par défaut à 18px, mais vérifiez via l'inspecteur quelle est la taille habituelle des pseudos sur votre forum pour avoir une taille adaptée.
Ce changement ne se voit que pour les personnes connectées sur le forum, les invités ne le verront pas.
FAQ et correctifs
Si vous c/c ces codes depuis la page de mon tumblr avec mon theme, les " seront bugguées, il faudra les remplacer sur forumactif par la version basique qui n'est pas inclinée.
Vous pouvez vite arriver aux limites de caractères des signatures. Pour réduire un peu la longueur du code, vous pouvez par exemple mettre un lien minifié pour l'image en passant par https://tinyurl.com/. Si vous mettez un ava qui est déjà aux bonnes dimensions, vous pouvez supprimer les propriétés object-fit et object-position.
Pour les codes de changement d'avatars, ces codes marchent pour des forums utilisant le blank theme et n'ayant pas changé les noms des classes. Si ce n'est pas le cas, il faudra aller chercher à l'inspecteur la bonne balise, et remplacer .post_avatar par la bonne classe. Si vous avez du mal à le faire vous-mêmes, envoyez moi le lien de votre forum et je vous donnerai la bonne balise !
Quelques rares forums peuvent aussi utiliser une autre manière de définir les thèmes light et dark, donc tout pareil, envoyez-moi un petit message avec le lien du forum et je vous enverrai le code modifié pour s'adapter à votre forum !
Si vous utilisez à la fois le code pour changer votre ava dans un sujet et le code de changement selon le thème du forum, les deux codes vont se contredire et c’est celui du thème qui va prendre le pas. Pour résoudre le problème, j'ai rajouté un !important après l’image que vous voulez dans ce sujet spécifique, comme ceci : content:url(lien-ici)!important
En espérant que ces codes pourront vous êtres utiles ! (et que mes explications sont à peu près claires ahah)
Toujours disponible pour le SAV, n'hésitez pas à me mp. ☀️
Hay algo que llevo tiempo observando en las comunidades de rol y que me parece necesario decir en voz alta: mucha gente no viene a jugar al rol. Viene a ser validada.
Y hay una diferencia enorme entre las dos cosas.
El rpg por foro, en su esencia, es un hobby de escritura colaborativa. Creas un personaje, construyes historias con otras personas, exploras narrativas. Eso es todo. Eso debería ser suficiente. Pero cada vez más, hay un sector de la comunidad que llega con unas necesidades que el hobby simplemente no está diseñado para cubrir: necesitan ser el centro, necesitan ser populares, necesitan pertenecer al grupo cool, necesitan que todos les persigan para escribir con ellos.
Y cuando eso no pasa, el hobby se convierte en el enemigo.
Lo ves en patrones muy concretos: la obsesión por tener el PB de moda (porque el personaje en sí importa menos que la imagen que proyecta), la ansiedad por cuántas respuestas reciben o si "les priorizas" frente a otros roles, el drama cuando perciben que alguien tiene más actividad que ellos, el ghosteo repentino cuando se dan cuenta de que no van a ser la estrella, los berrinches velados o directos cuando el foro no gira a su alrededor. No están disfrutando. Están compitiendo en una carrera que nadie más está corriendo.
Lo más irónico es lo que pasa con los foros pequeños y tranquilos.
Esos foros donde la gente lleva años escribiendo junta, donde el ambiente es familiar, donde hay normas claras de fair play y se desvincula sin drama a quien no las cumple... esos foros existen. y funcionan. La gente en ellos disfruta del hobby de verdad. Pero son, casi por definición, selectivos, no porque sean elitistas, sino porque han aprendido a proteger el espacio de este tipo de dinámica.
Y ahí está la paradoja: la misma persona que lleva meses quejándose de la toxicidad del rol, que dice que solo quiere un lugar tranquilo para escribir, que clama por comunidades sanas... cuando llega a uno de esos foros y descubre que nadie va a cortejarla, que no hay jerarquía social que escalar, que tendrá que construir vínculos narrativos despacio y con esfuerzo, pasa. Directamente pasa. Vuelve al foro grande y caótico donde al menos hay drama del que formar parte.
Porque el problema nunca fue la toxicidad externa. Era que necesitaban una audiencia, y los foros pequeños no se la dan.
El rol por foro es un hobby maravilloso para quien viene a escribir. Para quien viene a otra cosa, ningún foro va a ser suficiente, y todos van a ser una decepción.
Y eso, honestamente, no es un problema que la comunidad pueda resolver por ellos.
Tu fais du RP sur forum ? Tu gères trop de personnages, trop de fiches, trop d’avatars, trop de codes, trop d’onglets ouverts et pas assez de neurones disponibles pour tout suivre ? Alors tu es probablement au bon endroit.
RPG Portal, c'est deux plateformes dédiées aux forums RPG, aux outils pour rôlistes, à la gestion de personnages, aux annuaires, aux fiches, aux codes RP, à l’organisation… et parfois aux idées beaucoup trop ambitieuses pour notre santé mentale collective.
Le projet regroupe deux outils :
🦸 Heroes Portal
Un dashboard pensé pour gérer tes personnages, tes forums, tes avatars, tes codes RP et ton organisation sans finir comme un gobelin sous caféine avec 47 onglets ouverts.
➡️ https://www.heroesportal.fr/
📖 Forum RPG Portal
Un annuaire / top-site pour découvrir, référencer et faire vivre les forums RPG.
➡️ https://www.forumrpg.fr/
💬Discord communautaire
Il existe aussi un Discord que je vous encourage à rejoindre afin de collaborer avec leurs créateurs !
➡️ https://discord.gg/Cn4zn2GbkA
Le but du serveur est simple : aider les rôlistes, récolter vos retours, améliorer les outils avec vous, faire circuler les forums et les projets, et construire tout ça en mode multi-cerveau — parce qu’un seul cerveau, franchement, c’est surfait.
Si tu veux suivre le projet, proposer des idées, référencer ton forum ou juste venir voir ce qu'il se prépare : rejoins-les sur RPG Portal 💛
C’est décourageant de voir à quel point certain.e.s (beaucoup) ont pris les discussions sur l’accessibilité comme une mode plutôt qu’une nécessité pour l’inclusion.
L’effet “wouaw” est passé, et on se retrouve de nouveau à voir trop de forums ouvrir avec du texte en 12px ou moins, des forums étroits, des encadrés d’une hauteur minuscule pour un scroll de 10km, pas de majuscules (??) jusque dans les sujets administratifs, pas d’option dark/light mode, etc — Et à défaut, les modules d’accessibilité ne sont même plus installés pour compenser l’ensemble et permettre, bah, euh, d’être accessible ?
C’est pourtant facile à prendre en compte, sur les points cités au-dessus il s’agit vraiment d’une base de départ pour être lisible et ça ne demande pas de compétence en codage. Même installer un dark/light mode ou un module, c’est aussi simple à suivre que les tutos pour une PA ou un QEEL en libre service. Et ça ferait déjà une énorme différence !
Histoire de ne pas seulement râler et d’apporter des solutions, je suis allée fouiller dans mes marque-pages pour retrouver des ressources et outils qui avaient déjà été partagés !
Par où commencer ?
→ Un post de @noxeternam qui explique les bases avec des exemples. Ils datent de 2021, les forums cités ont peut-être évolué depuis mais c’est un début ! Sont évoqués : les designs sombres/clairs, taille et choix des polices, les contrastes, la navigation 🔥
→ Un complément au post précédent par @nsty-rp, qui approfondit notamment les couleurs et par où commencer pour rendre vos forums lisibles. En + : sont linkés des ressources complémentaires et des outils ✨
→ Un tuto dark/light mode compilé par @decrescxndo (on n’oublie pas de créditer !) ⚡
→ Deux modules d’accessibilité : UserWay et EqualWeb. Ils ont chacun une version gratuite et sont faciles à installer sur vos forums mais ne sont pas des réponses universelles à l’accessibilité. Ça ne dispense pas des principes de bases concernant les tailles et choix des typos, les largeurs de blocs et les choix de couleurs (and more) ! 🔧
→ On le connait, on l’adore, le Blank Theme par @gp-kim / @code-lab (on crédite, y compris les features intégrées) qui offre une base regroupant beaucoup de points déjà cités ! Donc, exemple, quand vous voyez que la font-size est en 14px, play smart, ne la diminuez pas (?!) 🐼
→ Le discord de La Piscine, un serveur d’entraide francophone ouvert par @1019-h : des passionné‧e‧s du codage, du design et de l’accessibilité sur forum qui ont trois tonnes de skills et autant de gentillesse ! Il y aura toujours quelqu’un pour expliquer des notions ou vous donner un coup de main, peu importe votre niveau 🌊
Petits points en vrac :
• Si vous savez coder des forums en police illisible, 11px et bloc minuscule = vous savez aussi coder des forums en police lisible, 14px et bloc large. Ça demande les mêmes compétences et une volonté d’inclusion, rien de plus ! Et promis vos designs seront aussi canons because web accessibility is sexy 🔥
• Faire évoluer un vieux forum peu sembler beaucoup de travail (and it is), mais vous pouvez y aller petit à petit au fil des changements de design. De toute façon, ça aura un effet de ruissellement : vous allez augmenter la taille des textes, alors vous allez avoir besoin de blocs plus grands, d’un corps de forum plus large, etc. Vos membres (et vous-même) vous remercieront !
• Même si on sait que forumactif n’aide pas (notamment concernant le responsive), ce n’est pas un obstacle pour les quelques notions de base qui ne demandent absolument pas d’être développeur‧euse/intégrateur‧rice pro pour être mises en place.
• Il existe beaucoup de notions autour de l’accessibilité. On peut ne pas savoir par où commencer (d’où les premières ressources là-haut, héhé) mais vous avez déjà appris à coder vos forums, alors promis vous êtes capables d’intégrer de nouvelles habitudes qui les rendront bien plus attractifs et agréables pour tout le monde 😊
Pour finir 🌻
Je ne suis qu’une joueuse qui se contente de relayer de la ressource parce que lassée de tomber sur des forums illisibles (anciens comme nouveaux) — L’accessibilité est le cœur de métier de certain‧e‧s bien plus compétent‧e‧s que moi, mais quand on s’y plonge un peu c’est passionnant et ça apporte un confort incomparable dans le cadre de notre pratique du rpg ! ✨
Si vous avez d’autres ressources ou conseils à partager sur le sujet, ajoutez-les en commentaire/reblog (ou envoyez dans mes dm pour les plus timides), dans tous les cas je relaye avec grand plaisir si ça peut ne serait-ce que sensibiliser quelques personnes 🥰
• le site www.whocanuse.com est top pour tester le contraste des couleurs en suivant les recommandations officielles tout en s'assurant qu'elles sont aussi okey pour les personnes daltoniennes. On peut rentrer la taille du texte + les couleurs en #, ce qui permet de s'assurer du bon contraste avec la bonne taille de texte.
• le site www.a11ymyths.com/fr/ même si c'est surtout pour les sites web, y'a pas mal de mythes dégoupillés qui sont global sur l'accessibilité (genre le 1 et le 2 déjà).
Les commentaires sont cités tels qu’ils ont été envoyés, mais les deux sites sont vraiment cool ! Autant l’un comme outils que le second pour déconstruire les préjugés et comprendre que l’accessibilité c’est pour tout le monde (cf ; mythe #7) — Même si c’est un “faux argument”, parce que c’est pas parce qu’on n’a pas de trouble ou de handicap qu’il ne faut pas travailler à rendre nos forums et/ou sites accessibles pour les concerné‧e‧s (cf ; mythe #1).
areudirty
stormborns
janainaart
yousharknotpass
vaporwave
dailybridgerton
2087
