Простой гайд для пользователей, которым не нравится новый дизайн.
Подготовка
Для дальнейших манипуляций будет использоваться расширения для хрома User CSS, позволяющие редактировать стили. Аналогичные расширения есть и для других браузеров, а дальнейшие действия в них совпадают. Наша задача заменить несколько стилей.
Расширяем записи
По каким-то причинам сейчас записи зашиты на 640 пикселей. На широком мониторе это смотрится ужасно, поэтому заменим это на процентное соотношение. Я для себя выбрал 95% от ширины основного раздела.
Расширяем внутри записей
Чтобы внутри записей тоже все выровнять добавляем аналогичное шаманство
Убираем прямой эфир
Перед вставкой кода сверните прямой эфир стрелкой, после чего просто сделаем его невидимым.
Альтернатива удаления
В случае с прямым эфиром можно обойтись блокировщиками рекламы для этого снова свернуть блок, после чего в блокировщик добавить правило
После таких манипуляций строка останется, но станет не активной и случайный клик по ней не будет её разворачивать
Profit
Так выглядит сайт до изменений
А так после изменений
Разумеется каждый может "поиграться" с удобными для них параметрами.
С таким отношением только мобильная версия (там только уебищную кнопку добавили возле лого, в остальном все так же)
Либо я не обновился, либо не понимаю о чем ты. Покажешь скрин?
В мобильной ненамного лучше.
А как открыть мобильную версию, не подскажете?
Пользователи исправляют и делают дизайн сайта лучше, чем сам ДТФ. Просто удивительно.
PS. Чимде, может запилишь опрос насчёт нового дизайна? Ну, чтобы мы лучше понимали друг друга, и вы бы осознали насколько плох этот дизайн.
Комментарий недоступен
Рад помочь! Аналогично можно и на других сайтах применять, почему-то модно делать тонну пустого пространства.
У меня будет свой дтф, с блекджеком и Елистратовым
Без Елистратова, ты хотел сказать?
больше всего бесят эти уебанские отступы, сука на кой хер мне столько пустого пространства, что мне с ним делать ? В банки закатывать ?
Выше и разобрано как их убрать
Комментарий недоступен
.layout__column--center {
flex-grow: 0;
}
Дожили, блядь, правим рукожопую вёрстку юзер-стайл-браузер-гайдами.
Хотя, чего греха таить, сам расширил это недоразумение до 95% и кое что утащил из вашего примера, спасибо!
А можно ли при этом сдвинуть этот блок влево?
Приклеить к краю, так сказать
Раздражает не сколько наличие пустого места, сколько то, что оно везде.
Можно, в правилах для page-wrapper запишите margin-left: 0px
Все просили темную тему, а запилили убогий новый дизайн. Ну спасибо, чо.
( ̄ヘ ̄)
Мой, чуть отредактированный, вариант для FullHD: https://hastebin.com/miwovoqafa.css.
Контент ограничил в 800 пикселей и отцентрировал более менее, картинки занимают всю ширину колонок, как и в оригинальном дизайне.
Хотел закрепить Ваш комментарий вверху, но не нашел как это сделать.
Хорошо получилось, с Вашего позволения дополню вечером, если редактирование не будет закрыто.
Я думал над картинками подшаманить, но писал в обед на работе и был ограничен по времени.
Собственно главная сложность была разобраться с редактором dtf, мне больше по душе маркдаун или аскидок, а не странные блоки.
Но ведь читать супер длинные строчки неудобно же. В этом плане есть правила типографики в вэб дизайне. Удобнее всего, когда в одной строчке +- 10 слов, а не 20-30.
Согласен, что в полноэкранном режиме смотрится странно сайт.
Для этого я указал, что любой может заменить 95% на более удобное значение или вообще применять только часть этих правил.
Большое спасибо. Теперь наконец-то смогу настроить сайт под себя.
Всегда пожалуйста :)
дтф сегодня
Комментарий недоступен
Пойду поставлю свечку за тёмную тему в приложении...
Не в приоритете
Чуваки, а что бы блоки располагались вот так, можно сделать?)
Нет ничего невозможного.
Код по ссылке ниже
https://hastebin.com/ahunusuyof.css
А с Фаерфоксом что делать?
Я не пользуюсь лисом, поэтому не могу подсказать точно, но думаю подойдет Custom Style Script. Сами стили применять те же.
https://addons.mozilla.org/ru/firefox/addon/custom-style-script/
Комментарий недоступен
А есть гайд для гуманитариев?
1) Скачать расширение
2) Кликнуть на иконке расширения в верхнем правом углу, откроется редактор
3) Скопипастить весь текст в отдельных блоках в этот редактор
Было бы прекрасно, если бы этим занимались не энтузиасты и по их наводке пользователи, а сами разработчики дизайна, но видимо основные силы были брошены на бота троллирующего просящих тёмную тему.
Вот иди и сделай
Хотел подождать до завтра, мало ли что-то ещё изменят, но не выдержал. Как сторонник минимализма сделал так. Как ни странно, переполниться праведным гневом за день так и не получилось. Редизайн воспринял подозрительно спокойно. Просто наблюдал за бурлением. Сколько раз уже это происходило. На разных ресурсах.
У меня Firefox с uBlock Origin. И знаете, сделал почти как было у меня до этого. Количество правил уменьшилось почти в два раза. А когда я обнаружил вверху раскрывающийся список со скобочкой: "Свежее", "Популярное" и т.д. совсем успокоился.
В целом, получается, что на разгребание этой катастрофы галактических масштабов ушло минуты две. Серые поля по бокам остались, но у меня и раньше примерно так было. Меня не столько напрягает это пустое место, сколько радует отсутствие всякого визуального "мусора".
Спасибо автору поста за его помощь пользователям.
Рад был помочь. Может быть если через пару дней все не успокоятся сделаю отдельно подборку самых интересных решений.
Наверн да, надо читать дтф теперь с телефона, а на пеке удалить из закладок. Чот говно какое-то.
Здорово, щеглы! Сегодня будем учиться делать свой сайт с блекджеком и шлюхами, и без Елистратова.
А тут Шериф с выражением лица Пикачу заявляется: Ничоси! Вы чего, офигели? Идите на свой форум вы*бываться!
Дуров верни стену!!!! Ну а вообще мне не понравился новый дизайн.
Комментарий недоступен
Комментарий недоступен
А можно как-нибудь сделать так, чтобы по нажатию кнопки "Назад" в браузере на Андроиде закрывалась открытая картинка, а не вкладка?
Простите, но тут уже все зависит от самого сайта.
Иногда по нажатию открывается картинка по URL, тогда по нажатию кнопки "назад" она как раз будет закрываться, иногда для этого используется какая-то готовая галерея и картинка открывается на той же странице, а кнопка назад вместо закрытия переключает на прошлую страницу.
Было нормально, стало полное говно. О максимальном количестве символов в строке, нужных для комфортного чтения автор, конечно, не слышал — ему главное поругать.
Не подскажите где я что ругаю?
Полностью нейтральный материал с пояснением как настроить под себя.
Что до слов "которым не нравится новый дизайн" это личное дело каждого кому что нравится или не нравится.
Узнали? Согласны?
Вспоминаю каноформер для канобу
Снова смертные все должны чинить сами
Я ничего не хочу сказать, но кажется редакции стоит нанять какого-нибудь индуса на аутсорс UI/UX. Так будет эффективнее.
Серьёзно?) Когда дочитываешь строчку её начало уходит из поля зрения и на следующую уже сложно перескочить когда текст длинный, модификация максимальной бесполезности...
Длинна строки не просто так сжимается диванные вы дизигнеры.)
Поскольку в статье указано только дополнение на Хром хочу добавить пару ссылок для пользователей других браузеров.
Stylus (Fireefox): https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Stylem (Palemoon): https://addons.palemoon.org/addon/stylem/
Мне вот интересно, как чувствуют сейчас себя патриоты стима и противники ЕГС ? Будут кроить под себя или уйдут на канобу/пикабушеньку где все по-старому ? ))
Казалось бы, причём тут ЕГС и Стим?