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. ☀️
Je retrouve un peu l’inspiration pour graph, donc si jamais mes bidouilles intéressent des gens, j’ouvre une petite fournée de commandes ! Le style ressemblera sûrement à mes fournées précédentes, mais je promets aucune régularité, parfois je pars sur des trucs que j’avais pas du tout prévu ou je rouvre un vieux colo d’y a 2 ans, je m’excuse d’avance. 💫
Je demande pas forcément de galerie, à moins que ce soit un fc dont il est compliqué de trouver des photos de qualité ou parce que vous avez des images que vous aimez particulièrement et dont vous voudriez des avatars pour votre perso. Aucune obligation. ✨
J’ai surtout besoin d'idées pour les quotes où je galère toujours beaucoup trop, donnez moi des chansons ou un mooboard pour m'aiguiller (ou même un petit résumé du perso, de son mood, de sa vibe, ses couleurs, etc.).
Vous pouvez m’envoyer tout ça en ask ou en mp. Je promets pas d’être inspirée par toutes les propositions, mais je vous tiendrais au courant quand ce n’est pas le cas. 🫶
prguitarman