Как сделать просмотр Vott.ru удобнее

vott.ru — Давно пользуюсь - делюсь с камрадами. В первом
Новости, Разное | Szer 09:22 06.06.2018
3 комментария | 57 за, 2 против |
fantomas
дурачок »
#1 | 10:00 06.06.2018 | Кому: Szer
Спасибо, камрад. Действительно просто.


Пойду сделаю менее широкую простыню.
fantomas
дурачок »
#2 | 10:33 06.06.2018 | Кому: Всем
Итак, народ. Вот моя версия. VOTT шириной 1200, то есть больше не придется водить носом туда-сюда.
Кнопки оставил как есть - справа.

[censored]

Или текстом:

1) URL

[censored]

2) JavaScript

document.addEventListener('DOMContentLoaded', function() {
  $('div.header').wrapInner('<div class="header_inner"></div>');
  $('div.navigation').wrapInner('<div class="navigation_inner"></div>');
  $('div.content_wrapper').wrapInner('<div class="content_inner"></div>');
}, false);


3) StyleCSS

div.content_inner,
div.header_inner,
div.navigation_inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}


Результат:

[censored]


[censored]
fantomas
дурачок »
#3 | 10:35 06.06.2018 | Кому: Szer
> Надо ещё шапку ужать

Ужато


Есть правда пока косяк, что "скачет" разметка во время загрузки страницы. Это потому, что "врапперы" добавляются после загрузки страницы. Можно подумать как улучшить, но по мне так...

[censored]
Войдите или зарегистрируйтесь чтобы писать комментарии.