ᵇˡᵘᵉᵐᵒᵒⁿ

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).

<style>[data-color-scheme="dark"] .post_avatar img[alt*="Pseudo"]{height:320px;width:200px;object-position:center;object-fit:cover;content:url(lien-ici);}</style>

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).

<style>.post_avatar img[alt*="Pseudo"]{height:320px;width:200px;object-position:center;object-fit:cover;content:url(lien-ici)!important;}</style>

Changer son pseudo sur un sujet

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).

<style>a[href="/u1"] strong::before {content: "Pseudo voulu" !important;font-size: 18px;} a[href="/u1"] strong {font-size: 0px;}</style>

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)