The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]




Версия для распечатки Пред. тема | След. тема
Новые ответы [ Отслеживать ]
Небольшое изменение стиля, !*! Maxim Chirkov, 15-Мрт-19, 10:47  [смотреть все]
Немного поправил оформление. На страницах новостей убрал темный фон под заголовком новости и перенёс дату под заголовок. В заголовках информационных блоков из правой панели перенёс полоску вверх.

Попытаюсь обосновать мотивацию смены заголовка.

Заголовок в рамке и с тёмным фоном визуально отделял заголовок от основного текста. По сути, при просмотре требовалось отдельное внимание для восприятия заголовка, с чем многократно сталкивался я лично (частые опечатки в заголовке тому подтверждение). Я против многих тенденций в современном дизайне, но с размещением более крупных, но стилистически единых с общим текстом заголовков согласен.

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

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

Сравните:
стало 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

  • Небольшое изменение стиля, !*! Аноним, 12:01 , 15-Мрт-19 (1) +3
    > Немного поправил оформление. На страницах новостей убрал темный фон под заголовком новости
    > и перенёс дату под заголовок. В заголовках информационных блоков из правой
    > панели перенёс полоску вверх.

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

    Или можно ли выровнять его по красной строке? https://i.imgur.com/GAOhd1w.png

    • Небольшое изменение стиля, !*! Maxim Chirkov, 17:49 , 15-Мрт-19 (2)
      Добавил отступ. Понемногу пытаюсь освежать стиль.

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

  • Небольшое изменение стиля, !*! Annoynymous, 10:00 , 16-Мрт-19 (4)
    Предлагаю дату убрать вниз, под текст.

    Дата под заголовком разрывает смысловую канву текста и по-прежнему отделяет заголовок от контента. Дата внизу никому не будет мешать и разгрузит вёрстку визуально.

    • Небольшое изменение стиля, !*! Maxim Chirkov, 10:09 , 16-Мрт-19 (7) +1
      Дата своеобразным разделителем и является. К тому же дата имеет не меньшую смысловую нагрузку, чем сам заголовок.
      Рассматривал вариант выравнивания даты по правому краю, но мне не понравилось. Также был вариант добавления под датой небольшой полоски, примерно как разделяются новости за разные дни в списках.
      • Небольшое изменение стиля, !*! Annoynymous, 13:16 , 16-Мрт-19 (12) +1
        > Дата своеобразным разделителем и является. К тому же дата имеет не меньшую
        > смысловую нагрузку, чем сам заголовок.
        > Рассматривал вариант выравнивания даты по правому краю, но мне не понравилось. Также
        > был вариант добавления под датой небольшой полоски, примерно как разделяются новости
        > за разные дни в списках.

        А зачем разделитель?

        Намного лучше выглядит без него: https://pic4a.ru/i7as/

  • Небольшое изменение стиля, !*! Артем, 10:01 , 16-Мрт-19 (5)
    Добавьте пожалуйста рамку полностью, так лучше выглядит https://picua.org/images/2019/03/16/564b735e5c49295f755085da...


  • Небольшое изменение стиля, !*! Аноним, 14:29 , 16-Мрт-19 (13)
    Спасибо, страницы действительно стали визуально легче. Но теперь блок "обсуждение" под новостями в новом стиле выглядит инородно.
  • Небольшое изменение стиля, !*! Аноним, 18:54 , 16-Мрт-19 (14) +2
    Изменение стиля понимаю.

    Если заголовок раньше "утежелял", то теперь он у меня просто сливается, но и теряется на общем фоне. Из крайности в крайность, однако.

  • Небольшое изменение стиля, !*! Ordu, 23:17 , 16-Мрт-19 (17)
    Зачем табличка? Если сделать так:

    <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.

    • Небольшое изменение стиля, !*! Maxim Chirkov, 07:16 , 17-Мрт-19 (22) +1
      С таблицами и h2 проблема в некоторых привязках, например, в коде для редактирования через кнопку "исправить". Я уже достаточно давно частично на div-ы перевёл общий каркас чтобы адаптивно отображать страницы на мобильных устройствах, но местами таблицы в конечных блоках остались. Понемногу от таблиц избавляюсь.
  • Небольшое изменение стиля, !*! Perlovka, 00:28 , 17-Мрт-19 (18) +1
    Цвет заголовка лучше сделать черным, этот иссиня-фиолетовый как-то не вписывается.
    Все время кажется, что это какая-то посещенная ссылка.
  • Небольшое изменение стиля, !*! Maxim Chirkov, 19:04 , 17-Мрт-19 (25) +1
    Сделал ещё один вариант с фоном, но не таким тёмным как раньше:
    https://www.opennet.ru/opennews/pics_base/0_1552839966.png

    Так лучше, чем без фона или нет?

    • Небольшое изменение стиля, !*! Аноним, 19:48 , 17-Мрт-19 (26)
      Фидбэк такой:
      Мягкие тона создают ощущение "размазанного контента", сверху накатываем большие отступы/размеры в шрифтах. Читаю в масштабе 90%, 2/3 экранного пространства вширь.
      У заголовка с датой неравномерные отступы верх/низ.
      Разделитель /back.gif теперь тоже делать светлым? Это единственный элемент на странице с таким цветом(в новости).
      Вроде не пятница, а изменения "наживую", спешите видеть, шутка.

      Исправлено или нет (с фоном значительно лучше): Заголовок с датой - сломан, нету акцента и становится непонятно(это заголовок статьи или заголовок в статье?). У Вас конечно есть мнение по этому поводу, но новость отличается от большой статьи, где заголовков несколько и такой подход оправдан.
      Не критично: Читаю через RSS + свой парсер полной новости, сломано. Про две ленты с полными новостями - они без тэгов/ссылок, всё равно парсить надо..

    • Небольшое изменение стиля, !*! Аноним, 09:38 , 18-Мрт-19 (27)
      С фоном определенно лучше! Есть визуальный якорь.

      На самом деле, старая плашка и ее цвет гармонировала (совпадала) с правыми "Навигация","Лента","Важное", даже полоса в самом главном верхнем заголовке ("www.opennet.ru")... Сейчас, очевидно, она отличается. По-моему это разброд и шатание.

      Если бы те самые перечисленные ("Навигация","Лента") использовались бы мной хоть сколько-нибудь часто, я бы даже сказал, что такой новый цвет неприемлем :)

      Резюмируя, я предлагаю вернуться к оригинальному варианту, но убрать оттуда подробную и большую дату-время (оставить менее броскую, вот как сейчас) :)

    • Небольшое изменение стиля, !*! Аноним, 16:51 , 18-Мрт-19 (36)
      Стало лучше, чем просто поле с текстом под цвет ссылки. Но все же старый заголовок более чётко структурировал текст.
  • Небольшое изменение стиля, !*! Аноним, 09:42 , 18-Мрт-19 (28)
    Раз уж пошла такая пьянка. Мне не хватает, что заголовок статьи не является ссылкой на саму эту статью. С учетом кривизны современных браузеров с перманентными поломанными строками адреса, было бы удобно иметь заголовок-ссылку
  • Небольшое изменение стиля, !*! ig0r, 11:27 , 18-Мрт-19 (32)
    А можно убрать эти BGCOLOR=XXXXXX и использовать style="bakcground-color:XXXXXX" при необходимости? они мешают переопределять стиль.

  • Небольшое изменение стиля, !*! Аноним, 17:04 , 18-Мрт-19 (37)
    А что насчет http://opennet.ru и https://opennet.ru Может унифицировать чтобы https://opennet.ru выглядел так же как http версия или раз такие глобальные изменения грохнуть версию без www?
    • Небольшое изменение стиля, !*! Maxim Chirkov, 17:51 , 18-Мрт-19 (39)
      В чём на ваш взгляд разница между http://opennet.ru и https://opennet.ru? Они должны абсолютно одинаково выглядеть. Отличается только если добавить www. Вероятно у вас браузер сам добавляет www и не показывает это.

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

      • Небольшое изменение стиля, !*! Аноним, 18:58 , 18-Мрт-19 (40)
        Ну дело не в названии а в содержании. Удобно смотреть упрощенную версию при этом быть защищенным https домен или поддомен можно и поменять например lite.opennet.ru ну или любой другой.
        • Небольшое изменение стиля, !*! Maxim Chirkov, 19:14 , 18-Мрт-19 (41)
          > Ну дело не в названии а в содержании. Удобно смотреть упрощенную версию
          > при этом быть защищенным

          А в чём проблема? Упрощённая версия должна одинаково выглядеть при открытии http://opennet.ru и https://opennet.ru это одна и та же страница. У вас вместо https://opennet.ru открывается версия как при открытии с www? Если да, то это ваш браузер (вероятно одно из дополнений) или какой-то транзитный прокси подставляет www или обращается без заполнения заголовка Host.

          • Небольшое изменение стиля, !*! Аноним, 00:51 , 19-Мрт-19 (42)
            Вот оно что. У меня фаерфокс и убунта и оказывается стоит хоть раз зайти по www.opennet.ru то https всегда перекидывает на этот самый www. Даже если его явным образом убрать.
            • Небольшое изменение стиля, !*! Maxim Chirkov, 07:42 , 19-Мрт-19 (43)
              Это какая-то безумная логика автозаполнителя в адресной строке. В ESR ветке такое не проявляется, на первый взгляд не нашел отличий в настройках about:config в секции uribar, видимо изменение на уровне логики работы автозаполнителя. Если первым открыть сайт без www, то начинает даже при наборе потом www открывать без www, в том числе в приватном режиме.

              И кстати, при открытии https://opennet.ru по ссылке или из закладок - срабатывает нормально. Поэтому проще всего добавить ссылку в закладки и открывать через них, а не набором в адресной строке. Или набирать opennet.ru/lite

              • Небольшое изменение стиля, !*! Аноним, 16:19 , 19-Мрт-19 (44)
                Спасибо что разъяснил. Косяк похоже на стороне фаерфокса https://support.mozilla.org/ru/questions/1183187.

                Настойка в about:config
                browser.fixup.alternate.prefix была установлена в значение www.

                Убираю и всё работает.

              • Небольшое изменение стиля, !*! Perlovka, 00:39 , 23-Сен-19 (57)
                > Это какая-то безумная логика автозаполнителя в адресной строке. В ESR ветке такое
                > не проявляется, на первый взгляд не нашел отличий в настройках about:config
                > в секции uribar, видимо изменение на уровне логики работы автозаполнителя. Если
                > первым открыть сайт без www, то начинает даже при наборе потом
                > www открывать без www, в том числе в приватном режиме.
                > И кстати, при открытии https://opennet.ru по ссылке или из закладок - срабатывает
                > нормально. Поэтому проще всего добавить ссылку в закладки и открывать через
                > них, а не набором в адресной строке. Или набирать opennet.ru/lite

                Кстати, о легкой версии. При клике на логотип отправляет на www. Так задумано или баг? Мне привычно обновлять страницу кликом на логотип, если можно, поправьте пожалуйста.

  • Небольшое изменение стиля, !*! DiabloPC, 05:57 , 20-Мрт-19 (45)
  • Небольшое изменение стиля, !*! DiabloPC, 14:30 , 19-Апр-19 (50)
    Лови готовое решение для кнопавки "Scroll to top".
    Чистый css без всяких жабоскриптов))
    https://gitlab.com/DiabloPC/lfr_c/commit/09fe35651975dec725d...
    • Небольшое изменение стиля, !*! Maxim Chirkov, 21:21 , 19-Апр-19 (51)
      Я всё же не совсем понимаю необходимость такой кнопки. Прочитал новость, просмотрел комментарии, а зачем потом  возвращаться вверх? Там же уже всё прочитано. К тому же постоянно болтающаяся на одном месте кнопка некоторых сильно раздражает. Может логичнее продублировать кнопки перехода на следующую и предыдующую новости в самый низ?


      • Небольшое изменение стиля, !*! DiabloPC, 05:21 , 20-Апр-19 (52)
        > Я всё же не совсем понимаю необходимость такой кнопки.

        Из примитивнейших вариантов юзкейса:
        Имеем ветку с овер-дох* сообщений, переходим в неё из почты на чей-то ответ, соответственно даже кнопка "Назад" неактивна, а мы находимся ближе к концу километровой простынки. Так вот если таки понадобилось в этом месте попасть наверх, скажем чтобы перечитать шапку и что-то в ней найти, единственный вариант скролить наверх до упора. На десктопе то понятно - есть скролл-бар и кнопка Home на выбор, а вот на мобильниках/планшетиГах с этим намного туже.


        • Небольшое изменение стиля, !*! Maxim Chirkov, 07:54 , 20-Апр-19 (53)
          > Имеем ветку с овер-дох* сообщений, переходим в неё из почты на чей-то
          > ответ,

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

          • Небольшое изменение стиля, !*! Maxim Chirkov, 12:06 , 20-Апр-19 (54) +1
            Добавил в обсуждение под новостями [^] [^^] [^^^] со ссылками на родителя, ветку 1 уровня и начало обсуждения (блок ссылок на следующую и прошлую новости). Также добавил показ кнопки "правка" для сообщений текущего пользователя.
  • Небольшое изменение стиля, !*! DiabloPC, 18:48 , 19-Май-19 (55)
    Что-то картинки на мелких экранах обрезать начало

    http://diablopc.linuxforum.ru/img/IMG_20190519_184023.png

    Раньше такого вродь не наблюдал

  • Небольшое изменение стиля, !*! Аноним, 07:20 , 10-Авг-19 (56)
  • Небольшое изменение стиля, !*! Аноним, 22:10 , 01-Май-20 (60)
    Что-то пошло не так на ширине экрана 720px http://176.37.77.115/img/1646.jpeg



Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру