Its own templates for each unique element + character counter for the icon next to the nickname

AnimeHeHe · Oct 16, 2025

Суть дополнения - добавление каждой части уника(иконки/лычка/ник) по 5 ваших личных шаблонов, будет полезно тем, кто любит менять иконки возле ника или хочет украсть чужой уник, но поменять в нем что-то конкретное, вставив заготовку. И полезная мелочь - счетчик символов, чтобы при создании иконки не выходить за рамки дозволенного

Стоит понимать, что сохраняются шаблоны в кэше вашего браузера, а не на форуме
Для работы кода нужно расширение tampermonkey, скачиваем, вставляем в него скрипт, работаем

https://gist.github.com/ZZwey44/ac7344f973bac3bd0dda008678434ff0

https://greasyfork.org/ru/scripts/552926-kunic-new/code
// ==UserScript==
// @name Kunic_new
// @namespace http://tampermonkey.net/
// @author AnimeHeHe
// @match https://lolz.live/account/uniq
// ==/UserScript==

(function() {
'use strict';

// Шаблоны для кнопок
const initialTemplates = {
'username_css': ['', '', '', '', ''],
'banner_css': ['', '', '', '', ''],
'username_icon': ['', '', '', '', ''],
'banner_icon': ['', '', '', '', '']
};

// Цвета кнопок
const colors = {
buttonDefault: '#2BAD72',
buttonActive: '#272727',
buttonHover: '#45a049',
saveButton: '#363636',
clearButton: '#884444',
textColor: '#d6d6d6',
counterColor: '#2BAD72'
};

// Стили шрифта
const fontFamily = "-apple-system, BlinkMacSystemFont, 'Open Sans', Helvetica Neue, sans-serif";

function getTemplates(fieldName) {
const saved = localStorage.getItem(`iconTemplates_${fieldName}`);
return saved ? JSON.parse(saved) : [...initialTemplates[fieldName]];
}

function saveTemplates(fieldName, templates) {
localStorage.setItem(`iconTemplates_${fieldName}`, JSON.stringify(templates));
}

function safeSetTextareaValue(textarea, value) {
const start = textarea.selectionStart;
const end = textarea.selectionEnd;
const scrollTop = textarea.scrollTop;

textarea.value = value;

textarea.selectionStart = start;
textarea.selectionEnd = end;
textarea.scrollTop = scrollTop;

setTimeout(() => {
textarea.dispatchEvent(new Event('change', { bubbles: true }));
setTimeout(() => {
textarea.dispatchEvent(new Event('input', { bubbles: true }));
}, 50);
}, 10);
}

function updateButtonBehavior(button, template, textarea, fieldName) {
button.onclick = (e) => {
e.preventDefault();
e.stopPropagation();

const container = button.closest('.template-buttons-container');
const activeButton = container.querySelector('.active-template-button');
if (activeButton) {
activeButton.style.background = colors.buttonDefault;
activeButton.classList.remove('active-template-button');
}

button.style.background = colors.buttonActive;
button.classList.add('active-template-button');

safeSetTextareaValue(textarea, template);
textarea.focus();

if (textarea.name === 'username_icon') {
updateCharacterCounter(textarea);
}
};
}

function createButtonsForTextarea(textarea) {
const textareaContainer = textarea.closest('.editor-item') || textarea.parentElement;
if (!textareaContainer) return;

const fieldName = textarea.name;

if (!initialTemplates[fieldName]) return;

if (textareaContainer.querySelector('.template-buttons-container')) return;

const buttonsContainer = document.createElement('div');
buttonsContainer.className = 'template-buttons-container';
buttonsContainer.dataset.fieldName = fieldName;
buttonsContainer.style.cssText = `
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
align-items: center;
font-family: ${fontFamily};
`;

const templates = getTemplates(fieldName);

templates.forEach((template, index) => {
const button = document.createElement('button');
button.textContent = `${index + 1}`;
button.dataset.index = index;
button.title = `Шаблон ${index + 1} (${fieldName})`;
button.style.cssText = `
padding: 6px 10px;
background: ${colors.buttonDefault};
color: ${colors.textColor};
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
min-width: 30px;
font-family: ${fontFamily};
`;

button.onmouseover = () => {
if (!button.classList.contains('active-template-button')) {
button.style.background = colors.buttonHover;
}
};

button.onmouseout = () => {
if (!button.classList.contains('active-template-button')) {
button.style.background = colors.buttonDefault;
}
};

updateButtonBehavior(button, template, textarea, fieldName);

buttonsContainer.appendChild(button);
});

const firstButton = buttonsContainer.querySelector('button');
if (firstButton) {
firstButton.style.background = colors.buttonActive;
firstButton.classList.add('active-template-button');

if (templates[0] && !textarea.value.trim()) {
safeSetTextareaValue(textarea, templates[0]);
}
}

const saveButton = document.createElement('button');
saveButton.textContent = 'Сохранить';
saveButton.style.cssText = `
padding: 6px 10px;
background: ${colors.saveButton};
color: ${colors.textColor};
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 11px;
margin-left: 10px;
font-family: ${fontFamily};
font-weight: bold;
`;
saveButton.onmouseover = () => saveButton.style.background = '#454545';
saveButton.onmouseout = () => saveButton.style.background = colors.saveButton;
saveButton.onclick = (e) => {
e.preventDefault();
e.stopPropagation();

const activeButton = buttonsContainer.querySelector('.active-template-button');
if (!activeButton) {
showNotification('Сначала выберите номер шаблона!', 'error');
return;
}

if (!textarea.value.trim()) {
showNotification('Поле не может быть пустым!', 'error');
return;
}

const index = parseInt(activeButton.dataset.index);
const templates = getTemplates(fieldName);
const newTemplate = textarea.value;

templates[index] = newTemplate;
saveTemplates(fieldName, templates);

updateButtonBehavior(activeButton, newTemplate, textarea, fieldName);

showNotification(`сохранено!`);
};

const clearButton = document.createElement('button');
clearButton.textContent = 'Очистить';
clearButton.style.cssText = `
padding: 6px 10px;
background: ${colors.clearButton};
color: ${colors.textColor};
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 11px;
font-family: ${fontFamily};
font-weight: bold;
`;
clearButton.onmouseover = () => clearButton.style.background = '#773333';
clearButton.onmouseout = () => clearButton.style.background = colors.clearButton;
clearButton.onclick = (e) => {
e.preventDefault();
e.stopPropagation();
safeSetTextareaValue(textarea, '');
textarea.focus();

if (textarea.name === 'username_icon') {
updateCharacterCounter(textarea);
}
};

buttonsContainer.appendChild(saveButton);
buttonsContainer.appendChild(clearButton);

textarea.parentNode.insertBefore(buttonsContainer, textarea.nextSibling);

if (textarea.name === 'username_icon') {
createCharacterCounter(textarea);
}

console.log(`Созданы кнопки для поля: ${fieldName}`);
}

// Функция для обновления счетчика символов
function updateCharacterCounter(textarea) {
const description = textarea.closest('.editor-item')?.querySelector('.editor-description.lztng-xcfsvl');
if (!description) return;

// Удаляем старый счетчик если есть
const oldCounter = description.querySelector('.char-counter');
if (oldCounter) {
oldCounter.remove();
}

const text = textarea.value;

// ЗАМЕНА: Считаем множественные пробелы как 1
const normalizedText = text.replace(/ +/g, ' '); // Заменяем множественные пробелы на один
const currentLength = normalizedText.length;

const maxLength = 5000;
const remaining = maxLength - currentLength;

const counter = document.createElement('span');
counter.className = 'char-counter';
counter.textContent = ` ${remaining}`;
counter.style.cssText = `
color: ${colors.counterColor};
font-weight: bold;
margin-left: 5px;
font-family: ${fontFamily};
`;

// Добавляем счетчик к описанию
description.appendChild(counter);
}

function createCharacterCounter(textarea) {
if (textarea.name !== 'username_icon') return;

updateCharacterCounter(textarea);

textarea.addEventListener('input', () => {
updateCharacterCounter(textarea);
});
}

function showNotification(message, type = 'success') {
const notification = document.createElement('div');
notification.textContent = message;
notification.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
background: ${type === 'error' ? '#f44336' : '#4CAF50'};
color: white;
padding: 10px 15px;
border-radius: 5px;
z-index: 10000;
font-size: 14px;
font-family: ${fontFamily};
`;
document.body.appendChild(notification);
setTimeout(() => notification.remove(), 3000);
}

function processAllTextareas() {
const allTextareas = document.querySelectorAll('textarea.textCtrl.code-editor.lztng-n2rvjg');

console.log(`Найдено текстовых полей: ${allTextareas.length}`);

allTextareas.forEach((textarea, index) => {
const fieldName = textarea.name;
console.log(`Поле ${index + 1}: ${fieldName}, значение: "${textarea.value}"`);

if (fieldName && initialTemplates[fieldName]) {
createButtonsForTextarea(textarea);
} else {
console.log(`Поле ${fieldName} не поддерживается`);
}
});
}

function init() {
console.log('Инициализация скрипта...');

processAllTextareas();

const observer = new MutationObserver((mutations) => {
let shouldProcess = false;

for (let mutation of mutations) {
if (mutation.type === 'childList') {
for (let node of mutation.addedNodes) {
if (node.nodeType === 1) {

if (node.classList?.contains('editor-container') ||
node.classList?.contains('editor-item') ||
(node.querySelector && (
node.querySelector('.editor-container') ||
node.querySelector('.editor-item') ||
node.querySelector('textarea.textCtrl.code-editor.lztng-n2rvjg')
))) {
shouldProcess = true;
console.log('Обнаружено изменение DOM, перезапускаем обработку');
}

if (node.nodeName === 'TEXTAREA' &&
node.classList.contains('textCtrl') &&
node.classList.contains('code-editor') &&
node.classList.contains('lztng-n2rvjg') &&
node.name) {
shouldProcess = true;
console.log('Обнаружен новый textarea:', node.name);
}
}
}
}
}

if (shouldProcess) {
setTimeout(() => {
processAllTextareas();
}, 100);
}
});

observer.observe(document.body, {
childList: true,
subtree: true
});

let currentUrl = location.href;
setInterval(() => {
if (location.href !== currentUrl) {
currentUrl = location.href;
console.log('Обнаружено изменение URL, перезапускаем обработку');
setTimeout(() => {
processAllTextareas();
}, 1000);
}
}, 1000);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();

Code
// ==UserScript==

// @name         Kunic_new

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

// @author       AnimeHeHe

// @match        https://lolz.live/account/uniq

// ==/UserScript==



(function() {

    'use strict';



    // Шаблоны для кнопок

    const initialTemplates = {

        'username_css': ['', '', '', '', ''],

        'banner_css': ['', '', '', '', ''],

        'username_icon': ['', '', '', '', ''],

        'banner_icon': ['', '', '', '', '']

    };



    // Цвета кнопок

    const colors = {

        buttonDefault: '#2BAD72',

        buttonActive: '#272727',

        buttonHover: '#45a049',

        saveButton: '#363636',

        clearButton: '#884444',

        textColor: '#d6d6d6',

        counterColor: '#2BAD72'

    };



    // Стили шрифта

    const fontFamily = "-apple-system, BlinkMacSystemFont, 'Open Sans', Helvetica Neue, sans-serif";



    function getTemplates(fieldName) {

        const saved = localStorage.getItem(`iconTemplates_${fieldName}`);

        return saved ? JSON.parse(saved) : [...initialTemplates[fieldName]];

    }



    function saveTemplates(fieldName, templates) {

        localStorage.setItem(`iconTemplates_${fieldName}`, JSON.stringify(templates));

    }



    function safeSetTextareaValue(textarea, value) {

        const start = textarea.selectionStart;

        const end = textarea.selectionEnd;

        const scrollTop = textarea.scrollTop;



        textarea.value = value;



        textarea.selectionStart = start;

        textarea.selectionEnd = end;

        textarea.scrollTop = scrollTop;



        setTimeout(() => {

            textarea.dispatchEvent(new Event('change', { bubbles: true }));

            setTimeout(() => {

                textarea.dispatchEvent(new Event('input', { bubbles: true }));

            }, 50);

        }, 10);

    }



    function updateButtonBehavior(button, template, textarea, fieldName) {

        button.onclick = (e) => {

            e.preventDefault();

            e.stopPropagation();



            const container = button.closest('.template-buttons-container');

            const activeButton = container.querySelector('.active-template-button');

            if (activeButton) {

                activeButton.style.background = colors.buttonDefault;

                activeButton.classList.remove('active-template-button');

            }



            button.style.background = colors.buttonActive;

            button.classList.add('active-template-button');



            safeSetTextareaValue(textarea, template);

            textarea.focus();



            if (textarea.name === 'username_icon') {

                updateCharacterCounter(textarea);

            }

        };

    }



    function createButtonsForTextarea(textarea) {

        const textareaContainer = textarea.closest('.editor-item') || textarea.parentElement;

        if (!textareaContainer) return;



        const fieldName = textarea.name;



        if (!initialTemplates[fieldName]) return;



        if (textareaContainer.querySelector('.template-buttons-container')) return;



        const buttonsContainer = document.createElement('div');

        buttonsContainer.className = 'template-buttons-container';

        buttonsContainer.dataset.fieldName = fieldName;

        buttonsContainer.style.cssText = `

            display: flex;

            flex-wrap: wrap;

            gap: 8px;

            margin-top: 10px;

            align-items: center;

            font-family: ${fontFamily};

        `;



        const templates = getTemplates(fieldName);



        templates.forEach((template, index) => {

            const button = document.createElement('button');

            button.textContent = `${index + 1}`;

            button.dataset.index = index;

            button.title = `Шаблон ${index + 1} (${fieldName})`;

            button.style.cssText = `

                padding: 6px 10px;

                background: ${colors.buttonDefault};

                color: ${colors.textColor};

                border: none;

                border-radius: 3px;

                cursor: pointer;

                font-size: 12px;

                font-weight: bold;

                min-width: 30px;

                font-family: ${fontFamily};

            `;



            button.onmouseover = () => {

                if (!button.classList.contains('active-template-button')) {

                    button.style.background = colors.buttonHover;

                }

            };



            button.onmouseout = () => {

                if (!button.classList.contains('active-template-button')) {

                    button.style.background = colors.buttonDefault;

                }

            };



            updateButtonBehavior(button, template, textarea, fieldName);



            buttonsContainer.appendChild(button);

        });



        const firstButton = buttonsContainer.querySelector('button');

        if (firstButton) {

            firstButton.style.background = colors.buttonActive;

            firstButton.classList.add('active-template-button');



            if (templates[0] && !textarea.value.trim()) {

                safeSetTextareaValue(textarea, templates[0]);

            }

        }



        const saveButton = document.createElement('button');

        saveButton.textContent = 'Сохранить';

        saveButton.style.cssText = `

            padding: 6px 10px;

            background: ${colors.saveButton};

            color: ${colors.textColor};

            border: none;

            border-radius: 3px;

            cursor: pointer;

            font-size: 11px;

            margin-left: 10px;

            font-family: ${fontFamily};

            font-weight: bold;

        `;

        saveButton.onmouseover = () => saveButton.style.background = '#454545';

        saveButton.onmouseout = () => saveButton.style.background = colors.saveButton;

        saveButton.onclick = (e) => {

            e.preventDefault();

            e.stopPropagation();



            const activeButton = buttonsContainer.querySelector('.active-template-button');

            if (!activeButton) {

                showNotification('Сначала выберите номер шаблона!', 'error');

                return;

            }



            if (!textarea.value.trim()) {

                showNotification('Поле не может быть пустым!', 'error');

                return;

            }



            const index = parseInt(activeButton.dataset.index);

            const templates = getTemplates(fieldName);

            const newTemplate = textarea.value;



            templates[index] = newTemplate;

            saveTemplates(fieldName, templates);



            updateButtonBehavior(activeButton, newTemplate, textarea, fieldName);



            showNotification(`сохранено!`);

        };



        const clearButton = document.createElement('button');

        clearButton.textContent = 'Очистить';

        clearButton.style.cssText = `

            padding: 6px 10px;

            background: ${colors.clearButton};

            color: ${colors.textColor};

            border: none;

            border-radius: 3px;

            cursor: pointer;

            font-size: 11px;

            font-family: ${fontFamily};

            font-weight: bold;

        `;

        clearButton.onmouseover = () => clearButton.style.background = '#773333';

        clearButton.onmouseout = () => clearButton.style.background = colors.clearButton;

        clearButton.onclick = (e) => {

            e.preventDefault();

            e.stopPropagation();

            safeSetTextareaValue(textarea, '');

            textarea.focus();



            if (textarea.name === 'username_icon') {

                updateCharacterCounter(textarea);

            }

        };



        buttonsContainer.appendChild(saveButton);

        buttonsContainer.appendChild(clearButton);



        textarea.parentNode.insertBefore(buttonsContainer, textarea.nextSibling);



        if (textarea.name === 'username_icon') {

            createCharacterCounter(textarea);

        }



        console.log(`Созданы кнопки для поля: ${fieldName}`);

    }



    // Функция для обновления счетчика символов

    function updateCharacterCounter(textarea) {

        const description = textarea.closest('.editor-item')?.querySelector('.editor-description.lztng-xcfsvl');

        if (!description) return;



        // Удаляем старый счетчик если есть

        const oldCounter = description.querySelector('.char-counter');

        if (oldCounter) {

            oldCounter.remove();

        }



        const text = textarea.value;



        // ЗАМЕНА: Считаем множественные пробелы как 1

        const normalizedText = text.replace(/ +/g, ' '); // Заменяем множественные пробелы на один

        const currentLength = normalizedText.length;



        const maxLength = 5000;

        const remaining = maxLength - currentLength;



        const counter = document.createElement('span');

        counter.className = 'char-counter';

        counter.textContent = ` ${remaining}`;

        counter.style.cssText = `

        color: ${colors.counterColor};

        font-weight: bold;

        margin-left: 5px;

        font-family: ${fontFamily};

    `;



        // Добавляем счетчик к описанию

        description.appendChild(counter);

    }



    function createCharacterCounter(textarea) {

        if (textarea.name !== 'username_icon') return;



        updateCharacterCounter(textarea);



        textarea.addEventListener('input', () => {

            updateCharacterCounter(textarea);

        });

    }



    function showNotification(message, type = 'success') {

        const notification = document.createElement('div');

        notification.textContent = message;

        notification.style.cssText = `

            position: fixed;

            top: 20px;

            right: 20px;

            background: ${type === 'error' ? '#f44336' : '#4CAF50'};

            color: white;

            padding: 10px 15px;

            border-radius: 5px;

            z-index: 10000;

            font-size: 14px;

            font-family: ${fontFamily};

        `;

        document.body.appendChild(notification);

        setTimeout(() => notification.remove(), 3000);

    }



    function processAllTextareas() {

        const allTextareas = document.querySelectorAll('textarea.textCtrl.code-editor.lztng-n2rvjg');



        console.log(`Найдено текстовых полей: ${allTextareas.length}`);



        allTextareas.forEach((textarea, index) => {

            const fieldName = textarea.name;

            console.log(`Поле ${index + 1}: ${fieldName}, значение: "${textarea.value}"`);



            if (fieldName && initialTemplates[fieldName]) {

                createButtonsForTextarea(textarea);

            } else {

                console.log(`Поле ${fieldName} не поддерживается`);

            }

        });

    }



    function init() {

        console.log('Инициализация скрипта...');



        processAllTextareas();



        const observer = new MutationObserver((mutations) => {

            let shouldProcess = false;



            for (let mutation of mutations) {

                if (mutation.type === 'childList') {

                    for (let node of mutation.addedNodes) {

                        if (node.nodeType === 1) {



                            if (node.classList?.contains('editor-container') ||

                                node.classList?.contains('editor-item') ||

                                (node.querySelector && (

                                    node.querySelector('.editor-container') ||

                                    node.querySelector('.editor-item') ||

                                    node.querySelector('textarea.textCtrl.code-editor.lztng-n2rvjg')

                                ))) {

                                shouldProcess = true;

                                console.log('Обнаружено изменение DOM, перезапускаем обработку');

                            }



                            if (node.nodeName === 'TEXTAREA' &&

                                node.classList.contains('textCtrl') &&

                                node.classList.contains('code-editor') &&

                                node.classList.contains('lztng-n2rvjg') &&

                                node.name) {

                                shouldProcess = true;

                                console.log('Обнаружен новый textarea:', node.name);

                            }

                        }

                    }

                }

            }



            if (shouldProcess) {

                setTimeout(() => {

                    processAllTextareas();

                }, 100);

            }

        });



        observer.observe(document.body, {

            childList: true,

            subtree: true

        });



        let currentUrl = location.href;

        setInterval(() => {

            if (location.href !== currentUrl) {

                currentUrl = location.href;

                console.log('Обнаружено изменение URL, перезапускаем обработку');

                setTimeout(() => {

                    processAllTextareas();

                }, 1000);

            }

        }, 1000);

    }



    if (document.readyState === 'loading') {

        document.addEventListener('DOMContentLoaded', init);

    } else {

        init();

    }

})();
Hidden content. You need to be registered to see it.
Click to expand...

God_likeGL · Oct 16, 2025

:fsdglgfdk19000: Сохраняется локально? Бля за счётчик символов отдельный респект

llimonix · Oct 17, 2025

Hidden content. You need to be registered to see it.
Click to expand...

Script to auto-raise topics

[Expansion] The amount of replenishment/expenses by days in the history of operations

[Expansion] Simple search for violations in reviews (3.15)

[C] Unsubscribe from all banners banners

LZT Contests Info - Information about sweepstakes in profiles

[70.000 ₽] Add-on competition

[RWORK] LZTSTREAMERODE - Streamer mode for Lolzteam

[Small addition] Increase in emoticons

[Lolz News Mentions] Parsing of Mentions from the news telegram of the channel

The common theme of all my current addons/scripts

Quick reports on the home page with updated style

Lolzteam money transfer plugin for EXTERAGRAM / AYUGRAM

Script for Convenience in the Leaks Section | Quick Opening of Mega.nz Links with Auto Key Addition

Thread Opener - Automatically opens all closed threads

All additions from el9in in one topic | And not only

We delete all topics in certain sections (Python)

Extension: LZT topic list auto-update

Prefix/postfix in Lolza Chat

Ideas for additions - a common topic

Filter topics in distributions only without CD + smart redirect

Ability to ping forum sections

Cleaning the offtopic from spammers

Script Update> Lolzteam Multiaaccount Finder - Searching for scammers is now easier

Windows notifications about new topics on Lolzteam

An extension that adds a like button to the draw list

MessageStat - statistics of user messages for 1 / 7 / 30 days

"Mention" button for chat lolz

The background of selected messages is green

Виджет с симпатиями и лайками

LOLZHelper FIX - Free extension for the forum

Its own templates for each unique element + character counter for the icon next to the nickname