We are returning a more familiar look to the main page (in the style of Lolzteam 2024) + script for preview

рика · Nov 2, 2025

// ==UserScript==
// @name Lolz.live: Предпросмотр тем с сохранением стилей
// @namespace http://tampermonkey.net/
// @version 1.1
// @description Предпросмотр темы при наведении с сохранением стилей никнеймов
// @author You
// @match https://lolz.live/*
// @grant none
// ==/UserScript==

(function() {
'use strict';

/////////////////////////////
// 1. Скрываем цитаты/рекламу
/////////////////////////////
const style = document.createElement('style');
style.textContent = `
.threadMessage.bbCodeQuote.noQuote { display: none !important; }

.thread-preview-popup {
position: fixed;
z-index: 9999;
max-width: 480px;
max-height: 500px;
overflow: auto;
background: #1c1c1c;
color: #fff;
border: 1px solid #555;
border-radius: 8px;
padding: 10px;
font-size: 13px;
line-height: 1.3em;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}
.thread-preview-popup img {
max-width: 400px;
max-height: 300px;
display: block;
margin: 8px auto;
}
.thread-preview-popup .thread-preview-header {
font-weight: bold;
margin-bottom: 6px;
display: flex;
justify-content: space-between;
padding: 0 5px;
}
.thread-preview-popup blockquote {
margin: 0 0 5px 0;
}
.thread-preview-popup p, .thread-preview-popup div {
margin: 0 0 5px 0;
}
.thread-preview-popup .author, .thread-preview-popup .date {
font-size: 13px;
}
`;
document.head.appendChild(style);

/////////////////////////////
// 2. Создаем контейнер предпросмотра
/////////////////////////////
const popup = document.createElement('div');
popup.className = 'thread-preview-popup';
popup.style.display = 'none';
document.body.appendChild(popup);

let showTimeout;

/////////////////////////////
// 3. Функция получения первого поста темы
/////////////////////////////
async function fetchFirstPost(url) {
try {
const resp = await fetch(url);
const html = await resp.text();
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
return doc.querySelector('.message.firstPost');
} catch (e) {
console.error('Ошибка загрузки темы:', e);
return null;
}
}

/////////////////////////////
// 4. Навешиваем обработчики на ссылки тем
/////////////////////////////
document.querySelectorAll('.discussionListItem--Wrapper a[href*="threads/"]').forEach(a => {
a.addEventListener('mouseenter', async e => {
const mouseX = e.clientX;
const mouseY = e.clientY;

clearTimeout(showTimeout);
showTimeout = setTimeout(async () => {
// Позиционируем popup
popup.style.display = 'block';
const popupWidth = 480;
const popupHeight = 500;
let left = mouseX;
let top = mouseY;
if (left + popupWidth > window.innerWidth) left = window.innerWidth - popupWidth - 10;
if (top + popupHeight > window.innerHeight) top = window.innerHeight - popupHeight - 10;
if (left < 0) left = 10;
if (top < 0) top = 10;
popup.style.left = `${left}px`;
popup.style.top = `${top}px`;

popup.innerHTML = 'Загрузка предпросмотра...';

// Получаем первый пост
const firstPost = await fetchFirstPost(a.href);
if (!firstPost) {
popup.innerHTML = 'Не удалось загрузить предпросмотр';
return;
}

// Заголовок с автором и датой
const header = document.createElement('div');
header.className = 'thread-preview-header';
const authorEl = firstPost.querySelector('.poster, .username');
const author = authorEl ? authorEl.cloneNode(true) : document.createElement('span');
const dateEl = firstPost.querySelector('.DateTime');
const date = dateEl ? dateEl.getAttribute('data-datestring') + ' ' + dateEl.getAttribute('data-timestring') : '—';
const dateSpan = document.createElement('span');
dateSpan.className = 'date';
dateSpan.textContent = date;

header.appendChild(author);
header.appendChild(dateSpan);
popup.innerHTML = '';
popup.appendChild(header);

const style = document.createElement('style');
style.textContent = `
.threadMessage.bbCodeQuote.noQuote { display: none !important; }

.thread-preview-popup {
position: fixed;
z-index: 9999;
max-width: 480px;
max-height: 500px;
overflow: auto;
background: #1c1c1c;
color: #fff;
border: 1px solid #555;
border-radius: 8px;
padding: 10px;
font-size: 13px;
line-height: 1.3em;
box-shadow: 0 4px 12px rgba(0,0,0,0.5);

/* Скроллбар */
scrollbar-width: thin;
scrollbar-color: #555 #1c1c1c;
}

/* Для Webkit-браузеров */
.thread-preview-popup::-webkit-scrollbar {
width: 8px;
}
.thread-preview-popup::-webkit-scrollbar-track {
background: #1c1c1c;
border-radius: 8px;
}
.thread-preview-popup::-webkit-scrollbar-thumb {
background-color: #555;
border-radius: 8px;
border: 2px solid #1c1c1c;
}

.thread-preview-popup img {
max-width: 400px;
max-height: 300px;
display: block;
margin: 8px auto;
}
.thread-preview-popup .thread-preview-header {
font-weight: bold;
margin-bottom: 6px;
display: flex;
justify-content: space-between;
padding: 0 5px;
}
.thread-preview-popup blockquote {
margin: 0 0 5px 0;
}
.thread-preview-popup p, .thread-preview-popup div {
margin: 0 0 5px 0;
}
.thread-preview-popup .author, .thread-preview-popup .date {
font-size: 13px;
}
`;
document.head.appendChild(style);

// Содержимое поста
const content = firstPost.querySelector('.messageContent') || firstPost.querySelector('.messageText');
if (content) {
const clone = content.cloneNode(true);

// Центрируем изображения и ограничиваем размер
clone.querySelectorAll('img').forEach(img => {
img.style.maxWidth = '400px';
img.style.maxHeight = '300px';
img.style.display = 'block';
img.style.margin = '8px auto';
});

// Убираем лишние отступы
clone.querySelectorAll('p, div, blockquote').forEach(el => {
el.style.marginTop = '0';
el.style.marginBottom = '5px';
});

popup.appendChild(clone);
}
}, 250);
});

// Скрываем popup при уходе с ссылки
a.addEventListener('mouseleave', () => {
clearTimeout(showTimeout);
setTimeout(() => {
if (!popup.matches(':hover')) popup.style.display = 'none';
}, 50);
});
});

// Закрываем popup, когда мышь покидает его
popup.addEventListener('mouseleave', () => {
popup.style.display = 'none';
});

})();

Code
// ==UserScript==

// @name Lolz.live: Предпросмотр тем с сохранением стилей

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

// @version 1.1

// @description Предпросмотр темы при наведении с сохранением стилей никнеймов

// @author You

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

// @grant none

// ==/UserScript==



(function() {

 'use strict';



 /////////////////////////////

 // 1. Скрываем цитаты/рекламу

 /////////////////////////////

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

 style.textContent = `

 .threadMessage.bbCodeQuote.noQuote { display: none !important; }



 .thread-preview-popup {

 position: fixed;

 z-index: 9999;

 max-width: 480px;

 max-height: 500px;

 overflow: auto;

 background: #1c1c1c;

 color: #fff;

 border: 1px solid #555;

 border-radius: 8px;

 padding: 10px;

 font-size: 13px;

 line-height: 1.3em;

 box-shadow: 0 4px 12px rgba(0,0,0,0.5);

 }

 .thread-preview-popup img {

 max-width: 400px;

 max-height: 300px;

 display: block;

 margin: 8px auto;

 }

 .thread-preview-popup .thread-preview-header {

 font-weight: bold;

 margin-bottom: 6px;

 display: flex;

 justify-content: space-between;

 padding: 0 5px;

 }

 .thread-preview-popup blockquote {

 margin: 0 0 5px 0;

 }

 .thread-preview-popup p, .thread-preview-popup div {

 margin: 0 0 5px 0;

 }

 .thread-preview-popup .author, .thread-preview-popup .date {

 font-size: 13px;

 }

 `;

 document.head.appendChild(style);



 /////////////////////////////

 // 2. Создаем контейнер предпросмотра

 /////////////////////////////

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

 popup.className = 'thread-preview-popup';

 popup.style.display = 'none';

 document.body.appendChild(popup);



 let showTimeout;



 /////////////////////////////

 // 3. Функция получения первого поста темы

 /////////////////////////////

 async function fetchFirstPost(url) {

 try {

 const resp = await fetch(url);

 const html = await resp.text();

 const parser = new DOMParser();

 const doc = parser.parseFromString(html, 'text/html');

 return doc.querySelector('.message.firstPost');

 } catch (e) {

 console.error('Ошибка загрузки темы:', e);

 return null;

 }

 }



 /////////////////////////////

 // 4. Навешиваем обработчики на ссылки тем

 /////////////////////////////

 document.querySelectorAll('.discussionListItem--Wrapper a[href*="threads/"]').forEach(a => {

 a.addEventListener('mouseenter', async e => {

 const mouseX = e.clientX;

 const mouseY = e.clientY;



 clearTimeout(showTimeout);

 showTimeout = setTimeout(async () => {

 // Позиционируем popup

 popup.style.display = 'block';

 const popupWidth = 480;

 const popupHeight = 500;

 let left = mouseX;

 let top = mouseY;

 if (left + popupWidth > window.innerWidth) left = window.innerWidth - popupWidth - 10;

 if (top + popupHeight > window.innerHeight) top = window.innerHeight - popupHeight - 10;

 if (left < 0) left = 10;

 if (top < 0) top = 10;

 popup.style.left = `${left}px`;

 popup.style.top = `${top}px`;



 popup.innerHTML = 'Загрузка предпросмотра...';



 // Получаем первый пост

 const firstPost = await fetchFirstPost(a.href);

 if (!firstPost) {

 popup.innerHTML = 'Не удалось загрузить предпросмотр';

 return;

 }



 // Заголовок с автором и датой

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

 header.className = 'thread-preview-header';

 const authorEl = firstPost.querySelector('.poster, .username');

 const author = authorEl ? authorEl.cloneNode(true) : document.createElement('span');

 const dateEl = firstPost.querySelector('.DateTime');

 const date = dateEl ? dateEl.getAttribute('data-datestring') + ' ' + dateEl.getAttribute('data-timestring') : '—';

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

 dateSpan.className = 'date';

 dateSpan.textContent = date;



 header.appendChild(author);

 header.appendChild(dateSpan);

 popup.innerHTML = '';

 popup.appendChild(header);



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

style.textContent = `

 .threadMessage.bbCodeQuote.noQuote { display: none !important; }



 .thread-preview-popup {

 position: fixed;

 z-index: 9999;

 max-width: 480px;

 max-height: 500px;

 overflow: auto;

 background: #1c1c1c;

 color: #fff;

 border: 1px solid #555;

 border-radius: 8px;

 padding: 10px;

 font-size: 13px;

 line-height: 1.3em;

 box-shadow: 0 4px 12px rgba(0,0,0,0.5);



 /* Скроллбар */

 scrollbar-width: thin;

 scrollbar-color: #555 #1c1c1c;

 }



 /* Для Webkit-браузеров */

 .thread-preview-popup::-webkit-scrollbar {

 width: 8px;

 }

 .thread-preview-popup::-webkit-scrollbar-track {

 background: #1c1c1c;

 border-radius: 8px;

 }

 .thread-preview-popup::-webkit-scrollbar-thumb {

 background-color: #555;

 border-radius: 8px;

 border: 2px solid #1c1c1c;

 }



 .thread-preview-popup img {

 max-width: 400px;

 max-height: 300px;

 display: block;

 margin: 8px auto;

 }

 .thread-preview-popup .thread-preview-header {

 font-weight: bold;

 margin-bottom: 6px;

 display: flex;

 justify-content: space-between;

 padding: 0 5px;

 }

 .thread-preview-popup blockquote {

 margin: 0 0 5px 0;

 }

 .thread-preview-popup p, .thread-preview-popup div {

 margin: 0 0 5px 0;

 }

 .thread-preview-popup .author, .thread-preview-popup .date {

 font-size: 13px;

 }

`;

document.head.appendChild(style);



 // Содержимое поста

 const content = firstPost.querySelector('.messageContent') || firstPost.querySelector('.messageText');

 if (content) {

 const clone = content.cloneNode(true);



 // Центрируем изображения и ограничиваем размер

 clone.querySelectorAll('img').forEach(img => {

 img.style.maxWidth = '400px';

 img.style.maxHeight = '300px';

 img.style.display = 'block';

 img.style.margin = '8px auto';

 });



 // Убираем лишние отступы

 clone.querySelectorAll('p, div, blockquote').forEach(el => {

 el.style.marginTop = '0';

 el.style.marginBottom = '5px';

 });



 popup.appendChild(clone);

 }

 }, 250);

 });



 // Скрываем popup при уходе с ссылки

 a.addEventListener('mouseleave', () => {

 clearTimeout(showTimeout);

 setTimeout(() => {

 if (!popup.matches(':hover')) popup.style.display = 'none';

 }, 50);

 });

 });



 // Закрываем popup, когда мышь покидает его

 popup.addEventListener('mouseleave', () => {

 popup.style.display = 'none';

 });



})();
Описание: Скрипт для скрытия содержимого тем на главной и их предпросмотра для Tampermonkey
Демонстрация:

Инструкция по установке: скопировать код или скачать скрипт с greasyfork и установить в Tampermonkey (по ссылке ниже)

Ссылка на установку скрипта - https://greasyfork.org/ru/scripts/554629-lolz-live-предпросмотр-тем-с-сохранением-стилей Ссылка на установку TamperMonkey - https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ru

рика · Nov 3, 2025

Одобрил тему Tekumi , можете также посмотреть её, возможно она вам даже больше подойдёт -

Bringing back style 2019

Tekumi Extentions Nov 2, 2025

Image

Image
Image

Image
Image

каюсь, вайбкодил, так что у вас может отъебнуть половину форума, могут возникнуть пробелы с производительностью или баги, но вроде норм работает
было бы хо...

КРИПКРИПОЧЕК · Nov 2, 2025

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

Night · Nov 2, 2025

ЛЕВ

Kote · Nov 2, 2025

кто вообще стиль 2024 придумал, дерьмище полное

kappaPrideZ · Nov 2, 2025

спасибо и на этом, папаша. а дай строку на скрытие горячих тем ещё

рика · Nov 2, 2025

Добавил скрипт для предпросмотра тем для Tampermonkey, можете ставить и сами доработать как вашей душе угодно

совершенно · Nov 2, 2025

бля харош

котек · Nov 2, 2025

Огромное спасибо, а можно как-то без расширения адгуарда это сделать?

Alex · Nov 2, 2025

рика можете воспользоваться данным скриптом для AdGuard
Click to expand...

в тамперманки можно засунуть?

рика · Nov 2, 2025

чуть обновил скрипт чтобы окно предпросмотра не оставалось при наведении мышью за его границы

KeNowLedge · Nov 2, 2025

заебись, спасибо, не 2019 конечно, но всяко лучше чем нынешний

Python · Nov 2, 2025

А можно просто включить как раньше?

God_likeGL · Nov 2, 2025

:fsdglgfdk19000: match

исправь

mori · Nov 2, 2025

для Tampermonkey сделаешь?

немульт · Nov 2, 2025

нахуй вообще все было изменять, давайте превратим лолзтим в вк, чтобы его тоже выкупила майл ру и он скатился

gonome · Nov 2, 2025

А как для тамперманки оставить лишь название темы, убрав лайки/комменты и пост?

Tekumi · Nov 2, 2025

такую хуйню навайбкодил, надеюсь одобрят тему

рика · Nov 2, 2025

сделал предпросмотр покрасивее

Filadelfi · Nov 2, 2025

удали ответы снизу что бы больше тем помещалось

Thread Opener - Automatically opens all closed threads

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

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

We are returning a more familiar look to the main page (in the style of Lolzteam 2024) + script for preview