Фикс прозрачного чата лолза

God_likeGL · 11 дек 2024

фикс этой темы https://zelenka.guru/threads/7917534/

код для тамперманки:
версия что работает в окне чата внизу справа и в отдельной вкладке в браузере:
// ==UserScript==
// @name Lolz Transparent Chat
// @namespace http://tampermonkey.net/
// @version 2.1
// @description Lolz Transparent Chat
// @match https://lzt.market/*
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @grant none
// @license MIT
// ==/UserScript==

(function() {
'use strict';

const blurEnabled = true; // Установите true для включения размытия или false для его отключения

const applyStylesToChat = (chatElement) => {
if (chatElement) {
chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';
chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';

const childElements = chatElement.querySelectorAll('*');
childElements.forEach(el => {
el.style.setProperty('background-color', 'transparent', 'important');
el.style.border = 'none';
});
// Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием
const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');
taggedMessageBlocks.forEach(block => {
block.style.setProperty('background', 'transparent', 'important');
block.style.setProperty('border', '2px solid rgb(0, 150, 0)', 'important'); // Приглушённая зелёная обводка
block.style.borderRadius = '10px';
block.style.padding = '4px';
});

const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');
messageBlocks.forEach(block => {
if (!block.closest('.chat2-message-tagged')) {
block.style.setProperty('background-color', 'transparent', 'important');
block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');
block.style.borderRadius = '5px';
}
});

const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');
messageHeaders.forEach(header => {
header.style.setProperty('background-color', 'transparent', 'important');
header.style.border = 'none';
});

const messageTexts = chatElement.querySelectorAll('.chat2-message-text');
messageTexts.forEach(text => {
text.style.setProperty('background-color', 'transparent', 'important');
text.style.border = 'none';
});
}
};
const initializeChatStyling = () => {
const chatElement = document.querySelector('[class^="chat2-floating"]');
const chatElementFull = document.querySelector('[id="chat2-full"]');

if (chatElement) {
applyStylesToChat(chatElement);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElement);
});

observer.observe(chatElement, {
childList: true,
subtree: true
});
} else if (chatElementFull) {
applyStylesToChat(chatElementFull);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElementFull);
});

observer.observe(chatElementFull, {
childList: true,
subtree: true
});
} else {
setTimeout(initializeChatStyling, 300);
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
initializeChatStyling();
});
} else {
initializeChatStyling();
}
})();

JS
// ==UserScript==

// @name         Lolz Transparent Chat

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

// @version      2.1

// @description  Lolz Transparent Chat

// @match        https://lzt.market/*

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

// @match        https://zelenka.guru/*

// @grant        none

// @license      MIT

// ==/UserScript==



(function() {

    'use strict';



    const blurEnabled = true; // Установите true для включения размытия или false для его отключения



    const applyStylesToChat = (chatElement) => {

        if (chatElement) {

            chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';

            chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';



            const childElements = chatElement.querySelectorAll('*');

            childElements.forEach(el => {

                el.style.setProperty('background-color', 'transparent', 'important');

                el.style.border = 'none';

            });

            // Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием

            const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');

            taggedMessageBlocks.forEach(block => {

                block.style.setProperty('background', 'transparent', 'important');

                block.style.setProperty('border', '2px solid rgb(0, 150, 0)', 'important'); // Приглушённая зелёная обводка

                block.style.borderRadius = '10px';

                block.style.padding = '4px';

            });



            const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');

            messageBlocks.forEach(block => {

                if (!block.closest('.chat2-message-tagged')) {

                    block.style.setProperty('background-color', 'transparent', 'important');

                    block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');

                    block.style.borderRadius = '5px';

                }

            });



            const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');

            messageHeaders.forEach(header => {

                header.style.setProperty('background-color', 'transparent', 'important');

                header.style.border = 'none';

            });



            const messageTexts = chatElement.querySelectorAll('.chat2-message-text');

            messageTexts.forEach(text => {

                text.style.setProperty('background-color', 'transparent', 'important');

                text.style.border = 'none';

            });

        }

    };

    const initializeChatStyling = () => {

        const chatElement = document.querySelector('[class^="chat2-floating"]');

        const chatElementFull = document.querySelector('[id="chat2-full"]');



        if (chatElement) {

            applyStylesToChat(chatElement);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElement);

            });



            observer.observe(chatElement, {

                childList: true,

                subtree: true

            });

        } else if (chatElementFull) {

            applyStylesToChat(chatElementFull);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElementFull);

            });



            observer.observe(chatElementFull, {

                childList: true,

                subtree: true

            });

        } else {

            setTimeout(initializeChatStyling, 300);

        }

    };

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

        document.addEventListener('DOMContentLoaded', () => {

            initializeChatStyling();

        });

    } else {

        initializeChatStyling();

    }

})();
Версия что работает и на телефонах:
// ==UserScript==
// @name Lolz Transparent Chat
// @namespace http://tampermonkey.net/
// @version 2.2
// @description Lolz Transparent Chat
// @match https://lzt.market/*
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @grant none
// @license MIT
// ==/UserScript==

(function() {
'use strict';

const blurEnabled = true; // Установите true для включения размытия или false для его отключения
const blurChatFull = true; // Устновите true для включения данного скрипта на странице lolz.live/chatbox

const applyStylesToChat = (chatElement) => {
if (chatElement) {
chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';
chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';

const childElements = chatElement.querySelectorAll('*');
childElements.forEach(el => {
el.style.setProperty('background-color', 'transparent', 'important');
el.style.border = 'none';
});
// Фикс с исчезновение чата на телефоне
const mobileChatPage = chatElement.querySelector('[class^="chat2 chat2-full-inner"]')
if (mobileChatPage) {
mobileChatPage.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
} else {
chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
}
// Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием
const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');
console.log(taggedMessageBlocks)
taggedMessageBlocks.forEach(block => {
block.style.backdropFilter = 'blur(8px)'
});

const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');
messageBlocks.forEach(block => {
if (!block.closest('.chat2-message-tagged')) {
block.style.setProperty('background-color', 'transparent', 'important');
block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');
block.style.borderRadius = '5px';
} else {
block.style.setProperty('background', 'transparent', 'important');
block.style.setProperty('border', '3px solid rgba(34, 142, 93, 1)', 'important');
block.style.borderRadius = '5px';
}
});

const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');
messageHeaders.forEach(header => {
header.style.setProperty('background-color', 'transparent', 'important');
header.style.border = 'none';
});

const messageTexts = chatElement.querySelectorAll('.chat2-message-text');
messageTexts.forEach(text => {
text.style.setProperty('background-color', 'transparent', 'important');
text.style.border = 'none';
});
}
};
const initializeChatStyling = () => {
const chatElement = document.querySelector('[class^="chat2-floating"]');
const chatElementFull = document.querySelector('[id="chat2-full"]');

if (chatElement) {
applyStylesToChat(chatElement);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElement);
});

observer.observe(chatElement, {
childList: true,
subtree: true
});
} else if (chatElementFull && blurChatFull) {
applyStylesToChat(chatElementFull);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElementFull);
});

observer.observe(chatElementFull, {
childList: true,
subtree: true
});
} else {
setTimeout(initializeChatStyling, 300);
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
initializeChatStyling();
});
} else {
initializeChatStyling();
}
})();

JS
// ==UserScript==

// @name         Lolz Transparent Chat

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

// @version      2.2

// @description  Lolz Transparent Chat

// @match        https://lzt.market/*

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

// @match        https://zelenka.guru/*

// @grant        none

// @license      MIT

// ==/UserScript==



(function() {

    'use strict';



    const blurEnabled = true; // Установите true для включения размытия или false для его отключения

    const blurChatFull = true; // Устновите true для включения данного скрипта на странице lolz.live/chatbox



    const applyStylesToChat = (chatElement) => {

        if (chatElement) {

            chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';

            chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';



            const childElements = chatElement.querySelectorAll('*');

            childElements.forEach(el => {

                el.style.setProperty('background-color', 'transparent', 'important');

                el.style.border = 'none';

            });

            // Фикс с исчезновение чата на телефоне

            const mobileChatPage = chatElement.querySelector('[class^="chat2 chat2-full-inner"]')

            if (mobileChatPage) {

                mobileChatPage.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            } else {

                chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            }

            // Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием

            const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');

            console.log(taggedMessageBlocks)

            taggedMessageBlocks.forEach(block => {

                block.style.backdropFilter = 'blur(8px)'

            });



            const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');

            messageBlocks.forEach(block => {

                if (!block.closest('.chat2-message-tagged')) {

                    block.style.setProperty('background-color', 'transparent', 'important');

                    block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');

                    block.style.borderRadius = '5px';

                } else {

                    block.style.setProperty('background', 'transparent', 'important');

                    block.style.setProperty('border', '3px solid rgba(34, 142, 93, 1)', 'important');

                    block.style.borderRadius = '5px';

                }

            });



            const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');

            messageHeaders.forEach(header => {

                header.style.setProperty('background-color', 'transparent', 'important');

                header.style.border = 'none';

            });



            const messageTexts = chatElement.querySelectorAll('.chat2-message-text');

            messageTexts.forEach(text => {

                text.style.setProperty('background-color', 'transparent', 'important');

                text.style.border = 'none';

            });

        }

    };

    const initializeChatStyling = () => {

        const chatElement = document.querySelector('[class^="chat2-floating"]');

        const chatElementFull = document.querySelector('[id="chat2-full"]');



        if (chatElement) {

            applyStylesToChat(chatElement);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElement);

            });



            observer.observe(chatElement, {

                childList: true,

                subtree: true

            });

        } else if (chatElementFull && blurChatFull) {

            applyStylesToChat(chatElementFull);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElementFull);

            });



            observer.observe(chatElementFull, {

                childList: true,

                subtree: true

            });

        } else {

            setTimeout(initializeChatStyling, 300);

        }

    };

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

        document.addEventListener('DOMContentLoaded', () => {

            initializeChatStyling();

        });

    } else {

        initializeChatStyling();

    }

})();
тестировать тут https://zelenka.guru/chatbox/

С кодом помогал пользователь llimonix

God_likeGL · 18 дек 2024

ᓚᘏᗢ опять слетело выделение упоминания вас в чате
пофикшено 18,12,2024

God_likeGL · 26 дек 2024

ᓚᘏᗢ очередной раз фикс упоминания в чате
chat2-message-tagged.lztng-c9cwn9 .chat2-message-block.lztng-c9cwn9
chat2-message-tagged.lztng-b1l8o4 .chat2-message-block.lztng-b1l8o4

God_likeGL · 11 янв 2025

◈ очередной раз фикс упоминания в чате
lztng-b1l8o4
lztng-1h20j3u

equilpres · 25 фев 2025

Поправь эту ошибку в коде

Автоподнятие тем, автозакреп и другие полезные скрипты для форума

Упрощение работы с оформлением тем с помощью BB LOLZ

LZT Article Summarizer - резюмируем длинный текст в короткий

LZT | Multi Accounts Switcher | Входи в свои аккаунты одним кликом | Tampermonkey (BETA)

Все дополнения от el9in в одной теме | И не только

Фон выделяемых сообщений зелёный

Простой поиск нарушений в отзывах (3.15)

Отписываемся от всех забаненных пользователей

[NotificationSoundSettings 1.4.1] Замена стандартного звука уведомлений на свой.

Скрипт для удобства в разделе сливов | Быстрое открытие Mega.nz ссылок с авто добавлением ключа

Фикс прозрачного чата лолза

Автоподнятие аккаунтов маркета LZT на Python + авто-получение аккаунтов + уведомления в Telegram

Идеи для дополнений — общая тема

Общая тема скриптов eretly

Расширение, которое добавляет кнопку симпатии в список розыгрышей

Уведомления Windows о новых темах на Lolzteam

Расширение для быстрых и выгодных обменов в P2P разделе | Проценты выгоды в обменах и многое другое

Автовыдача личного

Парсер именинников и автоматическое создание темы в оффтопике с их поздравлением

Автоподнятие тем LZT на Python + уведомления в Telegram + гайд как рассчитывать время поднятия

Автовыдача личных + комментарий

Расширение: Автообновление списка тем LZT

Zelenka Assist

Общая тема всех моих актуальных дополнений / скриптов

[BETA] LOLZTEAM DONATE | Интеграция с DonationAlerts

[LOLZ NEWS Mentions] Парсинг упоминаний с новостного телеграм канала

Обновление скрипта > Lolzteam Multiaccount Finder - искать мошенников теперь проще

[TM] LolzHide - Скрытие заблокированных пользователей на форуме

Проверка аккаунтов стима на кт (для маркета) + новое решение с отдельным сервером и ******

Удобная вставка кнопки

Фикс прозрачного чата лолза