Дизайн Кастомная иконка уника

было


стало:


Единственное. что сложно искать картинки, которые подходят

Размер: Иконки 16x16 или больше (если маленькие — добавьте background-size: cover).

Формат: PNG (прозрачность) или JPG (если нужен фон).
HTTPS: Ссылки должны начинаться с https://, иначе браузер заблокирует загрузку.

Чтобы поменять картинку - поменяйте ссылку

Tampermonkey скачать и поставить скрипт из кода

// ==UserScript==
// @name Lolz.live Avatar Force Replacer
// @namespace http://tampermonkey.net/
// @version 2.0
// @description Полностью заменяет иконки, включая перекрывающие элементы
// @author You
// @match https://lolz.live/*
// @match https://*.lolz.live/*
// @grant GM_addStyle
// ==/UserScript==

(function() {
'use strict';

const customAvatarUrl = 'https://lolz.live/styles/default/xenforo/smilies/kakashka.png'; // Замените на свою картинку!

// 1. Удаляем псевдоэлементы (::before, ::after), которые могут перекрывать иконку
GM_addStyle(`
.uniqUsernameIcon::before,
.uniqUsernameIcon::after {
content: none !important;
display: none !important;
}
`);

// 2. Жёстко переопределяем стили иконки
function replaceAvatars() {
document.querySelectorAll('.uniqUsernameIcon').forEach(icon => {
// Полностью перезаписываем стили
icon.style.cssText = `
background-image: url("${customAvatarUrl}") !important;
background-size: cover !important;
width: 16px !important;
height: 16px !important;
display: inline-block !important;
`;

// Удаляем все вложенные элементы (на случай, если там есть <img> или другие перекрывашки)
icon.innerHTML = '';
});
}

// Запускаем сразу и при любых изменениях DOM
replaceAvatars();
setInterval(replaceAvatars, 1000); // Раз в секунду (на агрессивных сайтах)

// Следим за динамическим контентом
new MutationObserver(replaceAvatars).observe(document.body, {
childList: true,
subtree: true
});
})();

Код

// ==UserScript==

// @name         Lolz.live Avatar Force Replacer

// @namespace    http://tampermonkey.net/

// @version      2.0

// @description  Полностью заменяет иконки, включая перекрывающие элементы

// @author       You

// @match        https://lolz.live/*

// @match        https://*.lolz.live/*

// @grant        GM_addStyle

// ==/UserScript==



(function() {

    'use strict';



    const customAvatarUrl = 'https://lolz.live/styles/default/xenforo/smilies/kakashka.png'; // Замените на свою картинку!



    // 1. Удаляем псевдоэлементы (::before, ::after), которые могут перекрывать иконку

    GM_addStyle(`

        .uniqUsernameIcon::before,

        .uniqUsernameIcon::after {

            content: none !important;

            display: none !important;

        }

    `);



    // 2. Жёстко переопределяем стили иконки

    function replaceAvatars() {

        document.querySelectorAll('.uniqUsernameIcon').forEach(icon => {

            // Полностью перезаписываем стили

            icon.style.cssText = `

                background-image: url("${customAvatarUrl}") !important;

                background-size: cover !important;

                width: 16px !important;

                height: 16px !important;

                display: inline-block !important;

            `;



            // Удаляем все вложенные элементы (на случай, если там есть <img> или другие перекрывашки)

            icon.innerHTML = '';

        });

    }



    // Запускаем сразу и при любых изменениях DOM

    replaceAvatars();

    setInterval(replaceAvatars, 1000); // Раз в секунду (на агрессивных сайтах)



    // Следим за динамическим контентом

    new MutationObserver(replaceAvatars).observe(document.body, {

        childList: true,

        subtree: true

    });

})();