Немного поправил оформление. На страницах новостей убрал темный фон под заголовком новости и перенёс дату под заголовок. В заголовках информационных блоков из правой панели перенёс полоску вверх.Попытаюсь обосновать мотивацию смены заголовка.
Заголовок в рамке и с тёмным фоном визуально отделял заголовок от основного текста. По сути, при просмотре требовалось отдельное внимание для восприятия заголовка, с чем многократно сталкивался я лично (частые опечатки в заголовке тому подтверждение). Я против многих тенденций в современном дизайне, но с размещением более крупных, но стилистически единых с общим текстом заголовков согласен.
Тёмный фон заголовка также заметно визуально утяжелял страницу и делал оформление слишком архаичным.
При всём моём консерватизме старые заголовки сильно мозолили глаза и я несколько раз пытался их сменить, но через несколько часов откатывался обратно. Проблема нового заголовка в том, что он поначалу выглядит непривычно, но уже через день у меня лично это ощущение исчезло и при взгляде на старый заголовок желание вернуть его больше не возникает.
Сравните:
стало https://www.opennet.ru/opennews/art.shtml?num=50330
было https://web.archive.org/web/20180915142120/http://www.openne...Дополнение: ещё один вариант с фоном, но не таким тёмным как раньше
https://www.opennet.ru/opennews/pics_base/0_1552839966.png
> Немного поправил оформление. На страницах новостей убрал темный фон под заголовком новости
> и перенёс дату под заголовок. В заголовках информационных блоков из правой
> панели перенёс полоску вверх.Можно вернуть заголовок как было? Модно-молодежные гигантские заголовки не вписываются в общую стилистику сайта.
Или можно ли выровнять его по красной строке? https://i.imgur.com/GAOhd1w.png
Добавил отступ. Понемногу пытаюсь освежать стиль.Следующие в очереди боковые блоки - они даже мне уже глаза мозолят, есть большое желание избавиться от боковых однопиксельных рамок. Но пока не определился вообще их убрать или нижнюю оставить. Также в боковых элементах было желание сделать полосу в заголовках блоков не горизонтальной, а вертикальной слева, пикселей в пять. Если есть какие-то идеи - пишите.
Предлагаю дату убрать вниз, под текст.Дата под заголовком разрывает смысловую канву текста и по-прежнему отделяет заголовок от контента. Дата внизу никому не будет мешать и разгрузит вёрстку визуально.
Дата своеобразным разделителем и является. К тому же дата имеет не меньшую смысловую нагрузку, чем сам заголовок.
Рассматривал вариант выравнивания даты по правому краю, но мне не понравилось. Также был вариант добавления под датой небольшой полоски, примерно как разделяются новости за разные дни в списках.
> Дата своеобразным разделителем и является. К тому же дата имеет не меньшую
> смысловую нагрузку, чем сам заголовок.
> Рассматривал вариант выравнивания даты по правому краю, но мне не понравилось. Также
> был вариант добавления под датой небольшой полоски, примерно как разделяются новости
> за разные дни в списках.А зачем разделитель?
Намного лучше выглядит без него: https://pic4a.ru/i7as/
> А зачем разделитель?Дата публикации должна быть сразу видна, под заголовком она лучше смотрится, чем как раньше слева от заголовка.
Добавьте пожалуйста рамку полностью, так лучше выглядит https://picua.org/images/2019/03/16/564b735e5c49295f755085da...
Я вообще хочу от рамок избавиться, они слишком старомодно выглядят.
Планирую сделать примерно так https://www.opennet.ru/opennews/pics_base/0_1552720646.png
> Я вообще хочу от рамок избавиться, они слишком старомодно выглядят.
> Планирую сделать примерно так https://www.opennet.ru/opennews/pics_base/0_1552720646.pngБез рамок тоже хорошо, а цветовую гамму не собираетесь менять? Например попробовать использовать темные цвета как на лоре.
Текущие цвета важный элемент узнаваемости сайта. Тёмные оформления я не перевариваю.
> Текущие цвета важный элемент узнаваемости сайта.Чёрное и серое на зелёном нормально читаются. Но форум, где основной контент синий, вызывает отторжение. Приблизить оформление форума к новостному нет в планах?
> Чёрное и серое на зелёном нормально читаются. Но форум, где основной контент
> синий, вызывает отторжение. Приблизить оформление форума к новостному нет в планах?Oops, я синий цвет на конченых страницах форума (которые "смотреть всё") заменил на чёрный год назад, но не заметил, что он остался тексте, загружаемом через ajax. Поправил и заодно немного более светлые заголовки сделал на конченых страницах форума по аналогии с комментариями под новостями.
Синий цвет текста настолько примелькался, что я на него не обращал внимание, но около года назад это вдруг бросилось в глаза и я ужаснулся, как такое вообще появилось :-) Так как на многие вещи у меня взгляд замылился, нужно пинать меня по подобным поводам.
Премнгого благодарен!>нужно пинать меня по подобным поводам
Принято. Раньше писал о синем цвете где-то в новостях. Впредь буду адресно обращаться.
Убрал рамки в основном блоке на страницах новостей. В боковых блоках пока рамки оставил.
Спасибо, страницы действительно стали визуально легче. Но теперь блок "обсуждение" под новостями в новом стиле выглядит инородно.
Изменение стиля понимаю.Если заголовок раньше "утежелял", то теперь он у меня просто сливается, но и теряется на общем фоне. Из крайности в крайность, однако.
Согласен. Сейчас заголовок светло-синий, imho, тёмно синий (как раньше) с теперешним фоном смотрелся бы лучше.
Зачем табличка? Если сделать так:<div id="title-bar">
<span id="r_date">15.03.2019 21:30</span>
<span id="r_title"><h2>Релиз сетевого конфигуратора NetworkManager 1.16</h2></span>
</div>а затем либо:
<style>
#title-bar {
color: #606090;
font: bold 11pt Arial, Helvetica;
padding-left: 2em;
display: flex;
flex-flow: column-reverse;
}
#r_date {
order: 1;
font-size: 10pt;
width: 100%;
text-align: left;
}
#r_title {
order: 2;
}
</style>либо:
<style>
#title-bar {
color: #606090;
width: 100%;
padding-left: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: flex;
font: bold 11pt Arial, Helvetica;
background: #c7cbb1;
border-bottom: 3px solid #b8b198;
flex-flow: row;
}
#r_date {
order: 1;
text-align: left;
margin-right: 1em;
color: #3399ff;
}
#r_title {
order: 2;
width: 100%;
text-align: left;
}
#r_title > h2 {
display: inline;
}
</style>Там если подумать поглубже, может можно лучше сделать с этими margin'ами и padding'ами, чтобы было больше похоже на старый дизайн, или чтобы css на десять байт сократить. Может h2 можно выкинуть, он там мешает если, по-хорошему, но без него может какие-нибудь режимы просмотра сломаются или может у кого юзер-css'ы на h2 -- хз. Я не вебдизайнер, не знаю и не умею, я и из-за этого-то минут пятнадцать экспериментировал.
Но фишка в том, что избавившись от таблички, дальше можно просто отдавать разные css в зависимости от куков, чтобы аутисты могли бы со старым дизайном, не сталкиваясь с необходимостью рвать свои железобетонные шаблоны. Или даже не отдавать разные css: в конце-концов никто не запрещает загрузить user-css.
С таблицами и h2 проблема в некоторых привязках, например, в коде для редактирования через кнопку "исправить". Я уже достаточно давно частично на div-ы перевёл общий каркас чтобы адаптивно отображать страницы на мобильных устройствах, но местами таблицы в конечных блоках остались. Понемногу от таблиц избавляюсь.
Цвет заголовка лучше сделать черным, этот иссиня-фиолетовый как-то не вписывается.
Все время кажется, что это какая-то посещенная ссылка.
> Цвет заголовка лучше сделать черным,или тёмно-синим-как раньше,
> этот иссиня-фиолетовый как-то не вписывается.
> Все время кажется, что это какая-то посещенная ссылка.+1
Цвет поменял. Версию CSS не обновил, поэтому нужно через Ctrl+Shift+R перечитать для обновления данных в кэше браузера.
> Цвет поменял. Версию CSS не обновил, поэтому нужно через Ctrl+Shift+R перечитать для
> обновления данных в кэше браузера.Спасибо, так гораздо лучше )
Сделал ещё один вариант с фоном, но не таким тёмным как раньше:
https://www.opennet.ru/opennews/pics_base/0_1552839966.pngТак лучше, чем без фона или нет?
Фидбэк такой:
Мягкие тона создают ощущение "размазанного контента", сверху накатываем большие отступы/размеры в шрифтах. Читаю в масштабе 90%, 2/3 экранного пространства вширь.
У заголовка с датой неравномерные отступы верх/низ.
Разделитель /back.gif теперь тоже делать светлым? Это единственный элемент на странице с таким цветом(в новости).
Вроде не пятница, а изменения "наживую", спешите видеть, шутка.Исправлено или нет (с фоном значительно лучше): Заголовок с датой - сломан, нету акцента и становится непонятно(это заголовок статьи или заголовок в статье?). У Вас конечно есть мнение по этому поводу, но новость отличается от большой статьи, где заголовков несколько и такой подход оправдан.
Не критично: Читаю через RSS + свой парсер полной новости, сломано. Про две ленты с полными новостями - они без тэгов/ссылок, всё равно парсить надо..
С фоном определенно лучше! Есть визуальный якорь.На самом деле, старая плашка и ее цвет гармонировала (совпадала) с правыми "Навигация","Лента","Важное", даже полоса в самом главном верхнем заголовке ("www.opennet.ru")... Сейчас, очевидно, она отличается. По-моему это разброд и шатание.
Если бы те самые перечисленные ("Навигация","Лента") использовались бы мной хоть сколько-нибудь часто, я бы даже сказал, что такой новый цвет неприемлем :)
Резюмируя, я предлагаю вернуться к оригинальному варианту, но убрать оттуда подробную и большую дату-время (оставить менее броскую, вот как сейчас) :)
> На самом деле, старая плашка и ее цвет гармонировала (совпадала) с правыми
> "Навигация","Лента","Важное", даже полоса в самом главном верхнем заголовке ("www.opennet.ru")...
> Сейчас, очевидно, она отличается. По-моему это разброд и шатание.Претензия снимается, все уже однородно, css не подсасывался у меня
Собственно, сейчас всё ок.Просьба рассмотреть https://www.opennet.ru/openforum/vsluhforumID4/568.html#28&n...и заодно ссылки на якоря сообщений "28. \"Небольшое изменение стиля\" " Сейчас "28." не является ссылкой у меня
Стало лучше, чем просто поле с текстом под цвет ссылки. Но все же старый заголовок более чётко структурировал текст.
> Стало лучше, чем просто поле с текстом под цвет ссылки. Но все
> же старый заголовок более чётко структурировал текст.Возможно нижнее подчеркивание под блоком заголовка.
Раз уж пошла такая пьянка. Мне не хватает, что заголовок статьи не является ссылкой на саму эту статью. С учетом кривизны современных браузеров с перманентными поломанными строками адреса, было бы удобно иметь заголовок-ссылку
Ok. Добавил в заголовок новости короткую ссылку opennet.ru/num и сделал якоря на стрнанице обсуждения в форуме.
Спасибо! Работает(Сейчас ссылка-заголовок при наведении не подчеркивается, как во многих других ссылках на сайте, может косяк)
Так и задумано, чтобы не создавалось впечатление, что это ссылка на какую-то другую страницу.
Курсор меняется и подсказка с URL появляется, этого вполне достаточно.
А можно убрать эти BGCOLOR=XXXXXX и использовать style="bakcground-color:XXXXXX" при необходимости? они мешают переопределять стиль.
Ok, как появится время проведу чистку BGCOLOR в таблицах и теге body.
А что насчет http://opennet.ru и https://opennet.ru Может унифицировать чтобы https://opennet.ru выглядел так же как http версия или раз такие глобальные изменения грохнуть версию без www?
В чём на ваш взгляд разница между http://opennet.ru и https://opennet.ru? Они должны абсолютно одинаково выглядеть. Отличается только если добавить www. Вероятно у вас браузер сам добавляет www и не показывает это.Версия без www появилась почти с самого начала, как упрощённый вариант. К сожалению другие сайты эту идею не подхватили. Но так повелось и менять я это не собираюсь.
Ну дело не в названии а в содержании. Удобно смотреть упрощенную версию при этом быть защищенным https домен или поддомен можно и поменять например lite.opennet.ru ну или любой другой.
> Ну дело не в названии а в содержании. Удобно смотреть упрощенную версию
> при этом быть защищеннымА в чём проблема? Упрощённая версия должна одинаково выглядеть при открытии http://opennet.ru и https://opennet.ru это одна и та же страница. У вас вместо https://opennet.ru открывается версия как при открытии с www? Если да, то это ваш браузер (вероятно одно из дополнений) или какой-то транзитный прокси подставляет www или обращается без заполнения заголовка Host.
Вот оно что. У меня фаерфокс и убунта и оказывается стоит хоть раз зайти по www.opennet.ru то https всегда перекидывает на этот самый www. Даже если его явным образом убрать.
Это какая-то безумная логика автозаполнителя в адресной строке. В ESR ветке такое не проявляется, на первый взгляд не нашел отличий в настройках about:config в секции uribar, видимо изменение на уровне логики работы автозаполнителя. Если первым открыть сайт без www, то начинает даже при наборе потом www открывать без www, в том числе в приватном режиме.И кстати, при открытии https://opennet.ru по ссылке или из закладок - срабатывает нормально. Поэтому проще всего добавить ссылку в закладки и открывать через них, а не набором в адресной строке. Или набирать opennet.ru/lite
Спасибо что разъяснил. Косяк похоже на стороне фаерфокса https://support.mozilla.org/ru/questions/1183187.Настойка в about:config
browser.fixup.alternate.prefix была установлена в значение www.Убираю и всё работает.
> Это какая-то безумная логика автозаполнителя в адресной строке. В ESR ветке такое
> не проявляется, на первый взгляд не нашел отличий в настройках about:config
> в секции uribar, видимо изменение на уровне логики работы автозаполнителя. Если
> первым открыть сайт без www, то начинает даже при наборе потом
> www открывать без www, в том числе в приватном режиме.
> И кстати, при открытии https://opennet.ru по ссылке или из закладок - срабатывает
> нормально. Поэтому проще всего добавить ссылку в закладки и открывать через
> них, а не набором в адресной строке. Или набирать opennet.ru/liteКстати, о легкой версии. При клике на логотип отправляет на www. Так задумано или баг? Мне привычно обновлять страницу кликом на логотип, если можно, поправьте пожалуйста.
> Кстати, о легкой версии. При клике на логотип отправляет на www. Так
> задумано или баг?Так изначально было задумано, а сейчас менять нецелесообразно - нарушит привычное поведение.
> Так изначально было задумано, а сейчас менять нецелесообразно - нарушит привычное поведение.Жаль, я так и не смог привыкнуть к такому поведению )
http://diablopc.linuxforum.ru/img/qqq.jpg
Это в каком браузере?
> Это в каком браузере?Родной от BlackBerry OS10.3.3
Если что: res: 1440*1440; viewport: 720*700
И ещё вот такое бывает: http://diablopc.linuxforum.ru/img/IMG_20190320_070647.pngНекоторые посты улетают вправо, причём по абсолютно непонятной логике.
На этой странице оно одно такое...
Upd:
A вот и логика такого поведения нашлась:ОооооченьДлиннаяСтрокаТекстаБезПробелов...блаблаблаблаблаблаблаблаблаблаблаблабла
http://diablopc.linuxforum.ru/img/IMG_20190320_071305.pngUpd2:
В новостях такого не наблюдается:
http://diablopc.linuxforum.ru/img/IMG_20190320_071936.png
Уряааа, перенос длинных строк заработал. Теперь страницу не раздувает)
Лови готовое решение для кнопавки "Scroll to top".
Чистый css без всяких жабоскриптов))
https://gitlab.com/DiabloPC/lfr_c/commit/09fe35651975dec725d...
Я всё же не совсем понимаю необходимость такой кнопки. Прочитал новость, просмотрел комментарии, а зачем потом возвращаться вверх? Там же уже всё прочитано. К тому же постоянно болтающаяся на одном месте кнопка некоторых сильно раздражает. Может логичнее продублировать кнопки перехода на следующую и предыдующую новости в самый низ?
> Я всё же не совсем понимаю необходимость такой кнопки.Из примитивнейших вариантов юзкейса:
Имеем ветку с овер-дох* сообщений, переходим в неё из почты на чей-то ответ, соответственно даже кнопка "Назад" неактивна, а мы находимся ближе к концу километровой простынки. Так вот если таки понадобилось в этом месте попасть наверх, скажем чтобы перечитать шапку и что-то в ней найти, единственный вариант скролить наверх до упора. На десктопе то понятно - есть скролл-бар и кнопка Home на выбор, а вот на мобильниках/планшетиГах с этим намного туже.
> Имеем ветку с овер-дох* сообщений, переходим в неё из почты на чей-то
> ответ,Но для этого в форуме под каждым сообщением уже есть кнопка "Наверх", а на страницу новостей ссылки в рассылке не указываются. Когда может понадобиться переход вверх на страницах новостей в голову приходят только какие очень редкие единичные случаи.
Добавил в обсуждение под новостями [^] [^^] [^^^] со ссылками на родителя, ветку 1 уровня и начало обсуждения (блок ссылок на следующую и прошлую новости). Также добавил показ кнопки "правка" для сообщений текущего пользователя.
Что-то картинки на мелких экранах обрезать началоhttp://diablopc.linuxforum.ru/img/IMG_20190519_184023.png
Раньше такого вродь не наблюдал
http://diablopc.linuxforum.ru/img/ksnip_20190810-071747.png
Что-то здесь пошло не так %)
Что-то пошло не так на ширине экрана 720px http://176.37.77.115/img/1646.jpeg
