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

vott.ru — Давно пользуюсь - делюсь с камрадами. В первом
Новости, Разное | Szer 09:22 06.06.2018
28 комментариев | 57 за, 2 против |
Szer
идиот »
#1 | 09:22 06.06.2018 | Кому: Всем
Короче давно меня напрягало просматривать вотт на широком экране:

Почему-то сделана нормальная статусная строка слева, где вся полезная инфа о дате, времени, нике и где НАЧИНАЕШЬ читать пост (мы читаем слева направо, я напомню).
Но вот плюсы-минусы почему-то далеко справа и мелко. На широких мониторах выглядит так:

[censored]

У меня лично разъежаются глаза

Поэтому делаем так
Для Хрома ставим:
[censored]

Для Лисы то же самое:
[censored]

Затем нажимаем на жёлтый квадратик, потом на зелёный
[censored]

Скролим вниз и вбиваем в поля
1)[censored]
2)

div.comment_info_wrapper {
display: flex
}
div.comment_info_r {
order: 1;
font-size: 12pt !important
}
div.comment_info_l {
order: 2
}

Нажимаем на большую кнопку справа в виде плюсика.

[censored]

Получается такое
[censored]

Цифры больше, видны сразу, глаза не разъезжаются.

Я нихуя не понимаю в ваших CSS, если тут есть верстальщики, может чо лучше придумаете.

P.S. Ники замазал чтобы никто не догадался!!!11
#2 | 09:24 06.06.2018 | Кому: Szer
> Ники замазал чтобы никто не догадался!!!11

Мог бы просто зачеркнуть :)
Crypt
Ебанько »
#3 | 09:25 06.06.2018 | Кому: Всем
А вотт был бы у тебя Проксомитрон...
Szer
идиот »
#4 | 09:27 06.06.2018 | Кому: Zzlo
> Мог бы просто зачеркнуть :)

Да я уверен всем похуй, поэтому замазано так чтобы "никто не догадался".
Ясно ж понятно кто там на скринах
#5 | 09:27 06.06.2018 | Кому: Zzlo
> Мог бы просто зачеркнуть :)

такое по силам только людям в красных штанах!
#6 | 09:28 06.06.2018 | Кому: Всем
Купи монитор на 17 дюймов. Всё удобно и ничего не разъезжается.
#7 | 09:31 06.06.2018 | Кому: Всем
Кстати, подумалось. В этом форматировании есть и воспитательный момент. Неудобно тянуться за плюсометом/банхаммером - значит немножко думаешь, а не просто рефлекторно жмешь кнопку. Я бы даже усложнил плюсы/минусы капчей по типу:
[censored]
#8 | 09:31 06.06.2018 | Кому: Всем
Спасибо! Дома на телевизоре иногда пользуюсь, тоже сталкивался с такой же проблемой. Кстати, непонятно почему плюс и минус справа расположены.
#9 | 09:31 06.06.2018 | Кому: Всем
Вас всех отключат!!! :-)
#10 | 09:36 06.06.2018 | Кому: Szer
Я делаю окно браузера узким по ширине и располагаю в том месте экрана, где смотреть удобнее, нормально для всех сайтов.
#11 | 09:39 06.06.2018 | Кому: Zzlo
Лучше бы они не за один ход мат, а за 10. Вот бы и отличили человека от компьютера :)
a.v.v
дурачок »
#12 | 09:41 06.06.2018 | Кому: Всем
понакупают себе широких мониторов и css придумывают потом !!!
#13 | 09:44 06.06.2018 | Кому: eldar2116
> Лучше бы они не за один ход мат, а за 10. Вот бы и отличили человека от компьютера :)

Если проигрываешь, то человек?
#14 | 09:54 06.06.2018 | Кому: Andjey
> Если проигрываешь, то человек?

Ага, но если выиграл, то бан на год, чтобы не смущал остальных нормальных :)
#15 | 10:00 06.06.2018 | Кому: Всем
У меня моник всего 27" п.э. меня не напрягает и обычный вид
fantomas
дурачок »
#16 | 10:00 06.06.2018 | Кому: Szer
Спасибо, камрад. Действительно просто.


Пойду сделаю менее широкую простыню.
#17 | 10:00 06.06.2018 | Кому: Всем
Те же яйца,только сбоку.
#18 | 10:19 06.06.2018 | Кому: Zzlo
> Кстати, подумалось. В этом форматировании есть и воспитательный момент. Неудобно тянуться за плюсометом/банхаммером - значит немножко думаешь, а не просто рефлекторно жмешь кнопку.

Предлагаю рейтинг сообщения изначально скрывать, а показывать только после того как пользователь даст свою оценку (плюс или минус).
Szer
идиот »
#19 | 10:31 06.06.2018 | Кому: Piter
> Те же яйца,только сбоку.

Самое важное - с какого боку!!1
fantomas
дурачок »
#20 | 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]
Szer
идиот »
#21 | 10:35 06.06.2018 | Кому: fantomas
Нихера себе! Да ты маг и кудесник!!11

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

Ужато


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

[censored]
#23 | 11:22 06.06.2018 | Кому: Всем
А никто не догадался, как убрать долбаную проклятую капчу при неправильном вводе пароля?

ЗЫ у самого 1600*1200, проблем с плюсами не испытываю, но вот за капчу убить готов.
pyth2000
не фашист »
#24 | 11:53 06.06.2018 | Кому: Zzlo
Ферзь C7 же, не?
#25 | 12:13 06.06.2018 | Кому: Всем
1920*1080, firefox. Использую масштаб на сайте 170% и доволен.
#26 | 12:25 06.06.2018 | Кому: Всем
А мне не хватает выделения цветом своего никнейма, чтобы быстрее находить ответы на свои комментарии.
Кто что подскажет?
#27 | 12:42 06.06.2018 | Кому: pyth2000
> Ферзь C7 же, не?

Белые стоят на 1-2 линии ) Поэтому самый известный первый ход e2-e4 а не d7-d5!!!
#28 | 05:53 07.06.2018 | Кому: Всем
А как ты попал на Вотт?

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