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. ☀️
j'essaie de me mettre un peu plus sur la création de design, est ce qu'il y a des forums qui pourraient chercher des graphistes pour des éventuelles futures créations pour leur forum ?
je suis également ouverte à faire un design à deux mains sur quelqu'un est intéressé.e pour réaliser une création ensemble !
ou alors existe-il un blog qui répertorie des commandes ?
à noter que ce ne sont pas des commandes, j'aurais trop de pression je suis pas super à l'aise encore.
j'ai déjà réalisé quelques créations qui ont été utilisées par la suite et qui peuvent me servir d'exemple sur ce que je sais un peu faire. ❤️
Public Work is a visual search engine for public domain content. Explore 100,000+ copyright-free images from The MET, New York Public Librar
The more you know:
[FR]
J'ai découvert (thanks tiktok) ce petit site bien pratique qui référence des images qui sont libres de droits et/ou maintenant dans le domaine publique!
Je ne crois pas avoir vu beaucoup de gens en parler par ici, mais sharing is caring donc voilà! Si vous chercher des textures/images pour vos créations, je crois que vous allez en avoir pour un bon moment à hoarder le tout et explorer la plateforme!
-------
[EN]
I discovered (thanks tiktok) this handy little site that references images that are royalty-free and/or now in the public domain!
I don't think I've seen many people talking about it around here, but sharing is caring so here you go! If you're looking for textures/images for your creations, I think you'll be hoarding and exploring the platform for a while !
ᴅᴀʏ 14 ─ ʙᴅ ᴍᴇɢᴀʟᴏɴᴀ, ᴊᴀɴᴇ ᴀᴜꜱᴛᴇɴ, ꜱᴛᴀᴍᴘᴇᴅᴇ, ʜᴇɴʀʏ ᴍᴏʀɢᴀɴ ʜᴀɴᴅ, ᴄʀɪꜱᴛᴏɴᴇ, ᴢᴀɪ ᴏʟɪᴠᴇᴛᴛɪ ʟᴇᴛᴛᴇʀᴀ 22 ᴛʏᴘᴇᴡʀɪᴛᴇʀ.
"petite sélection de polices que j'apprécie et que je vous partage dans ce post du jour 14. enjoy!!"
ᴅᴀʏ 21 ─ ᴄʜʀɪꜱᴛᴍᴀꜱ ꜱʜᴀᴋɪʟᴀ, ᴏᴜᴛᴡʀɪᴛᴇ, ᴛɪᴘᴏ ᴄᴀʀɪᴍʙᴀᴅᴏ, ꜱᴛᴀᴍᴘɪɴɢ ɴɪᴄᴏ, ᴅᴀʜʟɪᴀɴᴛɪ ᴀɴɢᴇʟɪɴᴀ, ᴍᴀQᴜɪɴᴀ ᴅᴇ ᴇꜱᴄʀɪʙɪʀ, ᴏᴘᴇɴᴄᴀʀᴇ, ᴍᴏᴏɴꜱʜɪɴᴇ, ᴠɪᴀ ᴀʙɪɢᴀɪʟ, ʙᴇʟʟᴀᴠᴏɪʀ ꜱᴇʀɪꜰ, ʜᴏᴍᴇꜱᴛᴏɴᴇ, ᴏʟᴅ ᴅʀᴇᴀᴍꜱ, ᴏꜰꜰɪᴄᴇ ᴊᴜɴᴋ, ꜱɪx ꜰᴇᴇᴛ ᴜɴᴅᴇʀ, ᴅᴏᴛꜱ ʟᴀɴᴅ ɢᴏᴛɪᴋᴀ, ᴛᴀɢᴇᴛᴛᴇꜱ, ʀᴏᴍᴀɴ ᴀɴᴛɪQᴜᴇ, ʙᴇʟᴛᴀɴᴇ, ꜱᴀɴᴛᴏꜱ ᴅᴜᴍᴏɴᴛ, ʜᴀᴍʙᴜʀɢᴇʀ ꜱᴄʜᴡᴀʙᴀᴄʜᴇʀ, ʙᴇʀɢꜱᴛᴇɴᴀ ꜱᴄʀɪᴘᴛ, ᴅᴜᴋᴇ ᴘʟᴜꜱ, ᴀᴅᴏʀᴀ Qᴜᴇᴇɴ.
"dernière petite sélection de polices pour cette année! je vous ai mis des gros coups de cœur que j'ai même utilisé sur des avatars ce mois-ci. enjoy!! "
je poste jamais par ici, mais franchement l'audace des gens, je m'en remets pas. quand je passe des heures et des heures à coder un design, c'est pas pour me faire pomper mon taff par des anciens membres (qui gardent un ou deux comptes sur mon forum pour juste stalk et récupérer ce qui les intéresse dans mon code). je trouve ça aberrant.
je fais jamais ça mais pour une fois je vais pas me la fermer, parce que faut pas déconner
forum écume des astres et ses admins greeny et albercromb et autres, on vous voit.
(screen clairs code de mon forum, screen foncé mon code sur leur forum i guess - also la liste des screens est non exhaustives, mais y'a évidemment pas que ceux là)
et non, un "code inspiré d'aeroplvne" dans vos crédits ne suffit pas non, la moindre des choses aurait avant tout été de demander l'autorisation
also si c'était pas obvious, merci de retirer tous les codes plagiés de votre forum (ça va pour les codes qui ne sont pas les miens aussi, vu que je vois d'autres créateurs cités dans vos crédits)
ᴅᴀʏ 3 ─ ɢᴜɴɪᴘᴇʀ, ʟᴅʀ ꜱɪɴɪꜱᴄᴀʟᴄʜɪ, ᴛʜᴏᴍᴀꜱ, ᴏɴᴇ ꜱᴜɴꜱᴛᴀʀᴛ, ꜰᴀɪᴛʜ ᴄᴏʟʟᴀᴘꜱɪɴɢ, ʀᴇʟᴀᴛɪᴏɴꜱʜɪᴘ ᴏꜰ ᴍᴇʟᴏᴅʀᴀᴍᴇ, ᴅᴀʏꜱ ᴏꜰ ᴄʜᴀʀɪᴛʏ, ᴅᴇɪɢʀᴀᴛɪᴀ, ʙʀᴜɴɪɴᴇ, ᴋɪᴛᴛᴇɴ ᴄᴀꜰᴇ, ᴍᴏɴʟɪɢʜᴛ, ᴏʟᴅ ɴᴇᴡꜱᴘᴀᴘᴇʀ ᴛʏᴘᴇꜱ.
"petite sélection de polices que j'apprécie et que je vous partage dans ce post du jour 3. enjoy!!"