Новые стили АШ

Аватар пользователя alexsword

Дизайн, подготовленный камрадом Великий Кукурузо, писали о нем ранее, сделан темой по умолчанию - все поступившие критические замечания были устранены.   

Если есть, прошу высказаться, работа не остановлена, к ней также подключился камрад atorn. который работает над следующей версией.  Все замечания будут услышаны, пишите.

Если кто-то натолкнется на серьезные проблемы, старый дизайн доступен по адресам desktop.aftershock.news (для ПК) и m.aftershock.news (мобильный).

Авторство: 
Авторская работа / переводика

Комментарии

Аватар пользователя mmx
mmx(8 лет 7 месяцев)

В правой колонке (пульс, лидеры) заголовки уже прочитанных статей не отмечаются серым, как раньше было. Неудобно.

Аватар пользователя Вторников
Вторников(7 лет 11 месяцев)

В правом верхнем углу увидел "шестерёнку" (настройки) и выбрал старую версию сайта.

Комментарий администрации:  
*** отключен (уличен в пропаганде Геббельса и невменяемых обвинениях органов власти) ***
Аватар пользователя vall-i
vall-i(4 года 8 месяцев)

  Дополню. Прочитанные выделяются, но только на главной, а справа колонки не реагируют цветовой дифференцией на прочтение.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Я, кстати, "за" выделение прочитанных, причём не серым, а традиционным тёмным-сиреневым. Но автор почему-то явно подавил :visited и сделал чёрным. Попробуем узнать его мнение.

Скрытый комментарий vall-i (без обсуждения)
Аватар пользователя vall-i
vall-i(4 года 8 месяцев)

   Иди на хз. Откуда ты йух взялся.. Иди пасиссь 

Скрытый комментарий vall-i (c обсуждением)
Аватар пользователя vall-i
vall-i(4 года 8 месяцев)

   За выделением прочитаных. Больной ХЕр. Змагар шо ли ? {eq ты, 

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

Покиньте комменты к моим записям на месяц, что за невменяемое хамство. 

Аватар пользователя anamitos
anamitos(11 лет 7 месяцев)

1. А из старого стиля обратно в новый переключиться как? Я переключился в старый, а кнопки "в новый" не нашел. 

2. Можно еще пользователю город и/или район рядом со стажем добавить? Многие камрады пишут "у нас", и догадывайся потом, где это у вас? По желанию, в профиле, разумеется. Т.е. флажок хорошо, но самоидентификация тоже неплохо.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

1. Старый - "мёртвая" тема, и её не трогают, чтобы не сломать. Когда не будет нужна, удалится, или текущий дизайн переедет туда, тоже временно.

Аватар пользователя Seppo
Seppo(3 года 9 месяцев)

К стати фича - в мобильной версии показ ПК включить - верстальщик бог:) по https://m.aftershock.news/

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Сейчас и этого не будет, потому что дизайн стал единым. А было, потому что в мобильной функциональность чуть ограничена, не было левой колонки.

Аватар пользователя Морозко
Морозко(3 года 12 месяцев)

Сделайте, пожалуйста, чтобы при ответе на чей-то коммент в начале комментария появлялся ник того, кому отвечаешь, выяснять - на какой коммент это ответ, блуждая по 5-10 тоненьким полосочкам - это крайне проблематично. 

Комментарий администрации:  
*** отключен (Уличен в жалких манипуляциях) ***
Аватар пользователя Hugido
Hugido(8 лет 5 дней)

+1. Да это было бы хорошо.

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

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

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

Аватар пользователя atorn
atorn(6 лет 3 месяца)

На самом деле, это уже есть, только по наведению на значок << вверху.

В идеале, хорошо бы по наведению на заголовок показывать вверху начало отвечаемого комментария (на который ответили). Но есть проблема, что страниц бывает несколько и текст этого коммента будет недоступен. А вообще - это большая фича, не сейчас, но хотелось бы реализовать.

А по показу явному того, на кого ответили - мысль. Нужна ли такая фича? (Если места будет не хватать, надпись (на ...) исчезнет и останется те же "<<" два треугольника и Title.)

Аватар пользователя segerist
segerist(12 лет 4 месяца)

отлично, смотрится хорошо, аккуратнее и компактнее

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

могли бы вы вместо записи
.aft-postheader { margin: 0 }

поставить запись
.aft-postheader { margin: 0 0 4px;}

заранее благодарен :)

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Строго говоря, думаю, это не будет поддержано. Потому что по дизайнам принято строго выравнивать колонки, иначе смотрится неряшливо, взгляд спотыкается.

Вот, как это (кликабельно) выглядело бы: (4px на заголвке): (кстати, есть баг с тегами и аватарами комментов и с комментами вообще; спасибо, что обратили внимание)



Тем не менее, интересно, что вы хотели получить этой правкой? Для чего? Может, есть другое решение?

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

вы показали 4px когда вопрос был о 0 0 4px. 

вам предстоит лучше учить спецификацию css. чего вам искренне желаю.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

А, сорри, попутал, когда спешил читать; редко, но бывает. Зато баги с выравниванием заметил и за это спасибо ). Отступ вниз - полностью понятен, согласен, что нужен, сделаю.

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

огромное вам спасибо!

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

ещё также хотелось бы табы видеть в виде табов а не тбмов :)

я имею ввиду вот так

никакой код менять не нужно нужно только стили поменять

.statist_selectors:before {
    position: absolute;
    display: block;
    z-index: 0;
    content: "";
    width: 100%;
    background: #2f4054;
    top: -3px;
    height: 21px;

}

и 

.statist_selector {
    position: relative;
    display: inline-block;
    color: #fff;
    color: var(--aft-base__bg);
    background: #808384;
    /* border-radius: 2px; */
    margin: 0 2px;
    padding: 2px 3px;
    font-size: 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

}

опять таки заранее благодарен

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Так они же не будут изображаться в виде табов, потому что тогда визуально перегружали бы сайдбары. Или будут висящие оторванные табы, зачем? У меня сейчас такая реализация:

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

ничего страшного что висящие. это всё равно абстракция. просто текущее исполнение (как и грядущее полупрозрачное показанное вами) не сильно впечатляют с эстетической т.з. так как оба не поддержаны другими элементами дизайна. а предлагаемый поддержан всеми скруглёнными батонами.

но это конечно не страшно. 

Аватар пользователя voyager
voyager(10 лет 6 месяцев)

Очень не хватает всадника, убивающего дракона.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Он внизу, возле поля комментариев.

 

Или это другой?

Аватар пользователя atorn
atorn(6 лет 3 месяца)

А как вы посмотрите (серьёзно), если вместо всадника будет, что-то другое, например, этот зверёк:

Картинка не столь важна, но всадник в выбранную высоту шапки не поместится. Нужна часть всадника, что ли. Или другую тему. Зверька я вставил пока что технически, чтобы зарезервировать место и отлаживать, но он будет вызывать негативные аллюзии, что, вероятно, нехорошо. Хотя отражает ожидания части публикуемых статей ).
Но суть в том, что картинка должна влезть в высоту 60 пикс., или придётся расширять шапку.

Аватар пользователя И-23
И-23(8 лет 8 месяцев)

Полярный лис, движущийся в сторону промышленного города, смотрится изящно. ☺

Аватар пользователя нюся
нюся(9 лет 4 месяца)

А как вы посмотрите (серьёзно), если вместо всадника будет, что-то другое, например, этот зверёк:

Весь смысл убивается. Ожидаем не зверушку, а Победы над зверем. Этот всадник любую зверушку прибулавит. 

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

такой пойдёт?

Аватар пользователя atorn
atorn(6 лет 3 месяца)

А как без потери смысла вместить это в 60 пикселей высоты? ) И ещё прозрачный фон нужен.

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

 

По мне - вид сильно "не очень". Сразу вопрос - почему под наклоном? И спереди ещё будут кнопки ссылок на соцсети, примерно как на проектируемом сейчас фрагменте:

Тут песец хорошо растянут и прячется за элементами страницы, а Георгий должен скромненько и мелко прислоняться сбоку. Тоже символика не в ту сторону. (Пошатнувшийся, мелкий, скромненько сбоку огромных кнопок соцсетей.)

Гравюра начинает смотреться от высоты 120 пикс, тогда для неё и другое решение нужно - поместить справа под гугл-поиском или над ним. Занять свободную часть шапки на 60 пикс в том числе. Наверное, это отдельной темой надо обсуждать и приводить на каждый вариант примеры вёрстки (дизайн-макеты этого угла).

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

дарю лайф хак - всадника с гравюры нужно повернуть чтобы копьё было строго горизонтально

Аватар пользователя atorn
atorn(6 лет 3 месяца)

"А теперь выйди из кабины и посмотри, что ты натворил" (с) )

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

куда смотреть? я уже делал это дизайн когда прикидывал - прямо на сервере с поворотом бекграунда. мне было нормально.

так что...

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Это шутка из анекдота про машину.

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

Хотел было вчера добавить скриншот, как сам сделал, но забыл. Добавляю сейчас. Хотя эта ветка для обсуждений уже мертва, вскоре сделаю новую в Блогах для обсуждения шапки.

Аватар пользователя 666
666(10 лет 3 месяца)

Пишешь комм, сохраняешь. Если после этого хочешь отредактировать, то весь текст удаляется.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Наверное, это к моменту истекания срока доступного редактирования комментария (что-то около 0.5 часа). Да, это крупнейший, я бы сказал, баг, который надо исправить в первую очередь в новой редакции. Было и в старом дизайне, зависит от движка форума, но правится и фронтендом. Таким способом, и статью можно потерять, бывалые подтвердят ). Срабатывает, когда истекает срок авторизации юзера на сайте, это недели 2 или месяц, но иногда можно удачно попасть.

Аватар пользователя kondrat
kondrat(8 лет 3 месяца)
<link rel="stylesheet" href="http://localhost:8000/style.css"  media="screen" />

это я такой счастливый, или не всё подчистили?

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

вы видите - эти стили грузятся последними и видны только с сервера - localhost - это могут быть стили для тестирования

Аватар пользователя kondrat
kondrat(8 лет 3 месяца)

я вижу, да. Поэтому и говорю что недочистили.

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

Убрано.

Аватар пользователя UKRUS
UKRUS(10 лет 5 месяцев)

Что то достали лозунги про подписки хоть на кого то, читать не дают

Спасибо за ссылку на старый дизайн, переделал стартовый адрес и  все стало хорошо

 

Дизайн не должен заслонять смысл

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Лозунги (подписи адм.) я сам свернул в своём расширении https://userstyles.org/styles/142209/aftershock-news-cleaning так, что они и не мешают, и заметны. В новом дизайне можно сделать настройку-переключатель "Компактные комментарии", при которой будет примерно так, как в указанном юзерстиле.

Аватар пользователя timus
timus(4 года 6 месяцев)

Хром на 10 - полёт нормальный, одобряю!))smile19.gifsmile9.gif Спасибо за работу))

Аватар пользователя int.pu
int.pu(9 лет 1 месяц)

Вот типа меню. (Вставить картинку это ужос)

Три чёрточки - меню, а иконка - это АШ-главная.

Очень близко расположены. Я уже три раза промазал пальцем.

Иконку АШ нужно отнести чуть правее и можно снабдить каким-то текстом. А то она какая-то голенькая.

Да и три чёрточки меню можно сдвинуть чуток от края экрана - попасть тяжеловато.

Комментарий администрации:  
*** отключен (дезинформация о спецоперации, набросы) ***
Аватар пользователя X86
X86(5 лет 5 месяцев)

Мне все нравится, но вот давняя проблема - нет кнопки/ссылки "СОБЫТИЯ", на которой был бы счетчик, показывающий количество ответов на комментарии, другие события, при нажатии на который можно было бы все это просмотреть. Это очень удобно, этого не хватает на АШ. 

Пока что все уведомления только на почту сыпятся, это не так удобно, как если было бы на сайте. 

Аватар пользователя Бой Курантов
Бой Курантов(9 лет 6 месяцев)

Нормально, лучше уж двигаться вперёд и устранять замечания по ходу пьесы (главное, чтобы к ним прислушивались). А ноющих "верните всё как было" всегда много при смене дизайна))

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

Глаз соскальзывает со строк, так как визуальных границ нет. И, как Кларан уже отмечала выше, очень ярко получается, контраст большой.

Может, колонки справа-слева светло-серым отбить, не знаю.

О, и при выборе картинки поле перестало по вертикали на экран влезать, приходится теперь прокручивать:

А так да, хорошо))

PS О, всадник вниз переехал!! Или это-таки Георгий? Но влево от зрителя повёрнут..

Аватар пользователя RusKaz
RusKaz(10 лет 1 месяц)

С изображением Св.Георгия, всё абсолютно правильно : Всадник, скачущий на лошади с ВОСТОКА, убивает ЗАПАДНОГО ГАДА, так что, тут как раз всё в полном порядке.

Мне остальное не нравится, глаза сильно устают, старый дизайн, так не утомлял.

Аватар пользователя Чайка
Чайка(6 лет 1 месяц)

У ников в комментариях слишком мелкий шрифт. Время и дата комментария слишком бледные - а параметр важный. Это всё на компьютере. 

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Заметил крупный баг в новом дизайне. Все "болды" (жирный тест) в комментариях пропали. Причина - в стиле

strong {
    font-weight: bolder;
}

Нужно font-weight: bold.

Страницы