[Cercle] Tuto fainéant pour faire des cercles personnalisés

Je poste depuis mon secondaire pour que mon principal ne se fasse pas infecter par la marque de Webedia.

Ces derniers jours, nous sommes victimes de la plus grande crise depuis l'arrivée stickers : les cercles. Le forum est plus que jamais divisé entre les cerclés à la botte de Webedia amateurs de progrès, et les irréductibles non-cerclés défenseurs de la tradition du 18-25.

Fidèle à elle-même, la communauté a trouvé des moyens de lutter contre l'oppression infligée par Webedia pour désactiver l'affichage des cercles, que ce soit sous forme d'exceptions AddBlock ou de scripts TamperMonkey, et ce dès la premier jour. Aujourd'hui, je vous propose d'aller un peu plus loin et d'injecter vos propres cercles personnalisés et non-homologués par Webedia.

Notez qu'il s'agit d'un affichage local, personne d'autre que vous ne verra ces cercles. Je pense que c'est assez assez évident pour le commun des mortels, mais je ne vous propose pas de hacker JVC, juste modifier l'affichage de la page.

Pour cette démonstration, nous utiliserons cette image de cercle en caca:

Nous utiliserons également ce script TamperMonkey:

// ==UserScript==
// @name         Recercled
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Enlève les cercles de tout le monde et met le meilleur cercle au pseudo choisi
// @author       You
// @match        https://www.jeuxvideo.com/forums/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=jeuxvideo.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    const avatar = document.querySelectorAll('.bloc-avatar-msg');
    let userAvatarMsg;

    avatar.forEach(avatar => {
        userAvatarMsg = avatar.children;

        if(userAvatarMsg[0].getAttribute('class') == "challenge-border-avatar js-lazy")
        {
            userAvatarMsg[0].remove();
        }

        if(userAvatarMsg[0].getAttribute('alt') == "mon-pseudo")
        {
            let cercle = document.createElement("img");
            cercle.classList.add("challenge-border-avatar");
            cercle.classList.add("js-lazy");
            cercle.src="https://image.noelshack.com/fichiers/2022/40/2/1664911649-anneau-caca.png";
            avatar.insertBefore(cercle, avatar.firstChild);
        }
});
})();

Si vous n'avez pas l'extension TamperMonkey, téléchargez-la. Allez ensuite sur le dashboard, puis cliquez sur l'onglet "+" pour ajouter un nouveau script, et copiez-collez le script ci-dessus. Ensuite, à la ligne 27, remplacez "mon-pseudo" par votre pseudo (en respectant les majuscules), ou par le pseudo auquel vous voulez attribuer l'anneau en caca. Vous pouvez ensuite sauvegarder le script avec ctrl+v.

Ce script a pour effet de supprimer tous les cercles de la page dans un premier temps, puis de créer un nouveau cercle en utilisant le visuel renseigné à la ligne 32. Dès lors, le pseudo choisi s'affichera de cette manière:

Le script est sale parce qu'en toute honnêteté j'ai la flemme de faire quelque chose de propre et je ne suis pas intelligent, donc si vous voulez inclure plusieurs pseudos ou changer la condition ce sera à vous de demander à google comment faire (ou d'attendre qu'un khey qui sait comment faire un script proprement s'y colle et partage son savoir). Vous pouvez remplacer l'addresse ligne 32 par n'importe quelle image. Si vous voulez faire votre propre cercle, vous pouvez utiliser l'image du cercle de caca comme template, puis vous uploadez l'image sur noelshack et vous copiez-collez l'url de l'image ligne 32. Vous pouvez aussi utiliser les visuels moches de Webedia, auquel cas l'adresse à renseigner à la ligne 32 est :

https://static.jvc.gg/22.17.1/img/challenge/[rang du cercle].png

Où [rang du cercle] est le nom du cercle que vous voulez afficher : Silver, Champion, Legend...

Voilà.

Le 04 octobre 2022 à 22:06:44 :
ca sert a rien si y a que toi qui le voit

C'est ton avis. Moi je te vois avec un cercle de caca actuellement et ça me donne satisfaction.

Ca fonctionne