Опубликовано: 20 октября 2019 г., 00:14 Обновлено: 14 февраля 2020 г., 08:53
3K
Неофициальный дизайн 2019
Обратите внимание: самое свежее обновление - от 13.02.2020! Версия 1.7
Прошло уже изрядное количество времени, как я делал редизайн сайта в 2015 г. С тех пор многое изменилось, моё оформление уже по большей части не работало, да и я попривык к новому, широкому дизайну. Но вот пришла осень 2019, и остро встал вопрос правки супердизайна ЛЛ.
Кто установил скин раньше 13 февраля 2020 - ОБНОВИТЕСЬ!!
(картинка ниже кликабельная, но оч.большая, аккуратнее с траффиком)
Слева - новый стиль с моими изменениями, справа - сайт "как есть" на 19 октября 2019 года. Как можете заметить, в дизайне изменения минимальные, но элементы на странице стоят поплотнее и страница в высоту стала меньше.
А как вам новый внешний вид цитат:
Всё, не буду больше вас дразнить.
Если вы используете один из основных браузеров (Mozilla, Chrome, ЯНдекс-браузер), то легко и просто можете придать дизайну-2019 примерно такой же вид.
1. Ставите дополнение браузера Stylish:
Mozilla: http://addons.mozilla.org/ru/firefox/addon/stylish/
Chrome и Яндекс: http://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru
Для Opera есть аналогичное расширение Stylus, но я с ним не разбирался, потому как не использую этот браузер. Пробуйте, а вдруг: https://addons.opera.com/ru/extensions/details/stylus/
2. Перезапускаете браузер, если нужно.
3. Дальше два варианта загрузки или обновления этого "скина". Можно перейти на сайт со скином, найти и нажать большую кнопку Install style. Второй вариант - находясь на лайвлибе, нажать кнопку расширения, в выпавшем окошке выбрать "Найти больше стилей для этого сайта", вас всё равно перекинет на сайт, где надо будет выбрать вариант "Livelib-2019" и жмякать Install style. Если вы обновляетесь, вместо Install style будет написано Update style.
Всё!
Дополнительно
Если для вашего браузера нет Stylish, но он поддерживает пользовательские стили или вместо Stylish вы пользуетесь другим дополнением, то перейдите на тот же сайт, найдите ссылку "Show CSS" и скопируйте показанный вам код в своё дополнение / в созданный вами стиль / еще куда-нибудь, главное знать куда и понимать как.
Убираем "мои книги" в профиле (там и так ваши книги)
После того, как Stylish установлен, а скин загружен, на панели инструментов браузера должна была появиться кнопка в виде буквы S на цветном витражном фоне - 
Жмите на эту кнопку, откроется меню, в котором на картинке стиля нужно выбрать кнопку с карандашом - Edit (так для Chrom'a). В открывшемся окне редактора, найдите строку (двадцатая), начинающуюся с .swiper-wrapper[data-object_id="Plushkin"] и замените в кавычках Plushkin на свой ник на лайвлибе, не забывая про разницу больших и маленьких букв. Работает, правда, не везде, но в большинстве случаев.
ВАЖНО: я не мог протестировать все случаи и варианты использования дизайна, поэтому если где-то что-то выглядит криво, опишите в комментариях проблему - всё решим. Но помните: переставлять элементы местами и добавлять новые не получится, только изменить внешний вид. Ну или совсем уж радикально - убрать с глаз долой.
Комментарии 58
Показать все
Всё, что требуется для Лайвлиба в вашем браузере — это пара блокировщиков рекламы, всё. Не увидел никакой супер-полезности от Стайлиша на скриншоте, кроме небольшого уплотнения пунктов. Да и не так уж это прям полезно и круто, скажу я вам.
Evgeniy_Ferante, Кто сказал"круто"? Наоборот, я четко написал "в дизайне изменения минимальные".
На любителя сделато. И такие любители есть.
Evgeniy_Ferante, А вам и не надо. Вам и так всё красиво и нравится. Зачем вы здесь?
Evgeniy_Ferante, *два абзаца нецензурной брани*
Правильно, чего полезного-то, здесь же половину экрана не занимает пустое пространство вокруг обложки книги.
Evgeniy_Ferante, Мимокрокодил в теме, но. Блокировщики рекламы блокируют на ЛЛ функциональные кнопки в новых дизайнах. По крайней мере, у меня и еще пары человек с хромом/вивальди.
пока только тут фон немного подцепился, в заявках игр (браузер Firefox):
если еще что замечу, напишу
russischergeist, Да, я хотел раскрасить форму поиска - это фича. Но фон подцепился ко многим формам - это баг. В исправленной версии попытался локализовать явление, но конкретно вот эта штука, которая на скрине, она кураторская, так что вживую посмотреть не могу (в теории должно было исправиться).
А старый шрифт можно вернуть?
_Kaena_, Можно, но где именно? Я в нескольких местах менял.
Например, для ленты рецензий, начиная со строки 350 есть такой код:
.review-card-bottom__text p {
font-size: 16px;
line-height: 22px;
}
Нужно закомментировать то, что в фигурных скобках, т.е. отредактировать вот так:
.review-card-bottom__text p {
/*font-size: 16px;
line-height: 22px;*/
}
Возможно, то же самое стоит проделать с кодом в 4-й строке и далее:
.p, p {
font-size: 16px;
line-height: 20px;}
Изменить на
.p, p {
/*font-size: 16px;
line-height: 20px;*/}
_Kaena_, А! Я неправильно вопрос понял. Старый, в смысле совсем старый, из тех времен, когда деревья были большими. Я думал, до применения моего скина. Тогда в коде ничего править не надо - не поможет.
Поменять можно, но надо найти какой он был, да и потом муторно... Я на такое не готов.
Я долгое время пользовалась вашими скриптами, и выражаю восхищение проделанной работой. Просто спасибо, ничего большего я сказать не могу...
Не знаю... вроде и против правил сайта, но может хотя бы в профиле оставите контакты для доната?
Ctixia, Спасибо! Но это не тот случай, когда стоит заморачиваться с донатом. Мне нравится ЛЛ несмотря ни на что, а уж читателей на нем я люблю и обожаю. Делать дорогим людям подарки - само по себе праздник. Зачем донат?
Ctixia, Если уже поставили скин - обновитесь. Я дописал в статье как.