advertisement banner
i
C

Исправляем дизайн нового сайта

 

Ссылка на скрипт: github

Для использования скрипта необходимо установить дополнение для браузера Tampermonkey. Скрипт добавить в это дополнение.

Основные изменения.

  1. Удален блок "матчи" вверху страниц;
  2. Цветовая схема дневного и ночного режимов переделана в нейтральные серые цвета;
  3. Изменено основное меню. Вынесены ссылки [матч], [стримы], [турниры]. Остальные спрятаны в отдельное меню [Новости и Статистика] ввиду их редкого использования или бесполезности. Меню можно изменить под себя (см. переменную menu в скрипте). 

    Для возвращения компоновки по умолчанию, удалите строки:

    removeElementsByClass('menu__item', 5);

    var content = document.getElementsByClassName('menu')[0].innerHTML;

    document.getElementsByClassName('menu')[0].innerHTML = menu + content;

  4. Большие изменения претерпела главная страница;
    • Увеличен блок новостей, до 50%;
    • Все новости собраны в два списка;
    • Убраны все изображения, стримы, блок с важными новостями;
    • Важные новости перенесены в правый список;
    • Прочитанные новости выделяются другим цветом (изменение для всего сайта).
  5. Статистика встреч в матчах убрана в выпадающий блок (collapse); Для отображения нажать на ссылку "ПОКАЗАТЬ СТАТИСТИКУ". Для скрытия "СКРЫТЬ СТАТИСТИКУ";
  6. Удален блок "Читайте также", ввиду его бесполезности;
  7. В комментариях удален фильтр [Все/Популярные/Новые].
    Для возвращения фильтра удалить строку:
    if (document.location.href.indexOf('/streams/game/') == -1 && document.location.href.indexOf('/blog/') == -1){removeElementsByClass('tabs tabs--tab1 tabs--filter');}
  8. Убраны цветные овалы тегов в т.ч. и в комментариях;
  9. др. минорные фиксы.
Главная страница. (кликабельно. можно заметить, что некоторые новости дублируются, это ошибки редакторов cybersport.ru)


Еще несколько скринов:

1/3

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

Скрипт должен корректно работать на десктопных Chromium (Chrome, Opera, Vivaldi, Яндекс и т.п.) браузерах и Firefox-е. На мобильных версиях не проверял.

PS: Модифицируйте скрипт, делитесь, делайте удобные и красивые сайты ;-) 

Комментарии