1 (edited by kisa 2018.04.02 18:05)

Topic: Oxygen (Plus) - Оксиген с человеческим лицом.

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

Скачать глоток свежего Oxygen'а  24 Kb  (21)



Почему так резко и решительно? Ну, ознакомьтесь, например, с одной из строчек стиля в поставке движка с офсайта:

Строчка 693 официального файла Oxygen.min.css

   

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAAVZQTFRFzF0V2XIp2l4q3GEr3W4v3mUs3m8v3nAw33Ew4Got4HVF4XQw4Xgx4nA24nYx424u43kx43ky5Hsy5HxH5XQu5Xwy5X0y5nQv5n8z5otg53gv54Ez6Hkx6II06IM06IU16IlV6X456YU16Yg26n0x6oc16olJ638y64k17IEy7Io27JZj7oUz7oU07pFM7ppk7quJ7rKV741B751k8Ik08Ys18beX8o018pNC8qNm86Rn9JE29KZn9Kxz9LKA9L2Y9ZI39alo9b+Z9cCY9pQ39ptE95c496FQ961p98OZ99S++Jk5+J5E+K9p+LR1+L+O+Zo5+Z1B+Z9F+aVS+cib+de/+pw5+qJG+qxe+rNq+r6D+sOP+s6n+tOz+506+6lS+69e+7l3++bY/MKE/Nm1/OPN/dq1/d/B/eXN/fHm/ubO/uza/vHm/vLm/vfy/vjy//nz////L/lnWgAAAAJ0Uk5TEI9BVkHYAAAA50lEQVQY0yXOu07DMBSA4XNxnDtE4bYBFYxMMPAaPCoPg5gqBgRDSVtok1McO3awxPj904+ApSJFzIqZxrcZ8brXRcIZq5wK7Z65Cu1Vy/TvbBiV0vU9QPjcYfRGmIsjtkDJ8ZkO0bLnukL73f1WKoNOxPQxNI9taUTr9Gdr7IE4S6g6v21MDwtvZYoD9nU1YWOXhhpxnpTK58OX4Kl5gTtnvOKcFjyu00SvPOf7mZhOijTZvsOFLKGZAsW/GQbpoHZrwBDw5iET2RibTR9K70yC+GTjjxVn7BTmckDAS3bOT977ENjOfw1gcm/NBi+EAAAAAElFTkSuQmCC) center left no-repeat

Таким замысловатым образом зашифрован секретный адрес вот этой... иконки:
https://punbb.info/uploads/images/2018/03/0c459f02b910c001e5e3617e4fea78aa.png

Нет, она не  с сервера Пентагона подтягивается на Ваш форум, она тут же рядом в папочке лежит. Но в этом месте можно пронаблюдать некоторое, почти незаметно подтормаживание.
PunBB_INFO_ICQ/rofl 
Кто-то когда-то случайно сохранил файл после правки НЕ в UTF, что ли, и пошло оно гулять. Браузер понимает - и ладно.  Так и в официальный релиз 1.4.4 вошло.

Ещё пеночка, которую каждый может увидеть в дебаггере браузера:
https://punbb.info/uploads/images/2018/03/96fa37e7311eb3c6224aff3b6215ae5d.png


А недавно коллега жаловался, что видел такое прямо при пользовании форумом.

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

Организация страницы топика с трудом налезает на голову. Вместо того, чтобы внятно и чётко прописать пост, и плодить его, сколько нужно, стиль рисует длинные бордеры с боков на всю высоту страницы, а поперёк - границы постов... Как клетка. Попробуйте-ка с разгону раздвинуть такие посты для удобства восприятия..  А закруглить края?  PunBB_INFO_ICQ/bigsmile

Практически ВСЕ стили содержат эти ошибки - одни и те же.

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

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

При этом визуально стиль вполне неплох: в меру минималистичен, не грузит. И много где используется, т.е. люди не нашли нужным его менять - устраивает.

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

В наше время бессмысленное общение вида "преведкагдила" давно переехало в месседжеры и соцсети вместе с одноразовыми фоточками. Форумы, вопреки  адептам бесмысленной болтовни, выжили и заняли свою нишу: накопление вдумчивой информации и опыта по различным видам занятий.  А это предполагает тексты несколько более объёмные и содержательные, чем в SMS. И такие тексты хочется читать, как в книге.

Борясь с Оксигеном, ваш покорный слуга уделил этому немало внимания.

Итак, плюсы:

+ По возможности, вычищены дубли и накладки в стиле.
+ Значительно облегчено перекраивание и перекрашивание стиля под свои нужды, появилась возможность лёгкого раздвигания/сдвигания постов, оформления их границ индивидуально и т. д.
+ Пересмотрены в ряде мест размеры шрифтов, особенно при адаптации к мобильным устройствам.
+ Главная страница и страницы форумов (разделов) теперь занимают почти всю ширину экрана для удобства восприятия - ведь информация на Главной распределена по площади.
+ Страницы тем наоборот - сделаны Уже исходных на 100 пикселей - ведь тело темы - субстанция скорее линейная вертикальная. При чтении удобнее скользить взглядом сверху вниз, не особенно "размахивая" глазами в стороны  PunBB_INFO_ICQ/bigsmile  С учётом этого момента набираются газеты, журналы, энциклопедии и словари.
+ Текст выравнивается И по левому И по правому краю, что придаёт ему аккуратный вид, а не драный правый край при сбитых в кучку слева буквах, как в чЯтиках 15-летней давности.
+ Абзацы имеют отступы, что заметно улучшает восприятие информации, и даже эстетически придаёт тексту более удобоваримый вид.
+ Оформление блока цитаты стало восприниматься как оформление блока цитаты, а не непонятно зачем обведенный прямоугольничком фрагмент текста.
+ Все ссылки в тексте - оформленные и просто брошенные, теперь подчёркнуты. Этой традиции не одна сотня лет, в компьютерную эру традиция продолжилась. Однако, в погоне за модой, в исконном Оксигене её нарушили. Вследствии чего, ссылки в тексте (особенно оформленные) могут оказаться, и оказываются незамеченными вовсе. Так надо.  Подчёркивание коснулось только ссылок в самом тексте, и нигде более - что сохранило эстетику стиля, и придало практичности.
+ Для лучшего восприятия информации, посты внятно разделены между собой на десяток пискселей в версии ПК и несколько меньше - в мобильном варианте.
+ Переработана мобильная адаптация для большего удобства и эстетики.
+ Вместо одного файла стиля, подключены два. Граница их ролдей несколько размыта, но в одном сосредоточена разметка, во втором - цвета. Для истории и возможных обращений в папке лежит и старый оригинальный файл.

Добавлено: 25th Mar 2018 02:09

Главная - на всю ширину:
https://punbb.info/uploads/images/2018/03/8bb1272aea43000c8bdad1f3a6c771c7.png https://punbb.info/uploads/images/2018/03/c2e14bcb97a941494ef7af7f7148544e.png

Короткие и длинные посты в топике, виден также блок цитаты и подчёркнутые ссылки двух видов, посты чётко отделены один от другого:
https://punbb.info/uploads/images/2018/03/91e01603c657fc8c005bf753f5aecbdd.png https://punbb.info/uploads/images/2018/03/88c4d24dbc0428824e8a3fd9e456a747.png

Адаптация под вертикальный мобильный экран:
https://punbb.info/uploads/images/2018/03/c215f450ad6faaff0ae1351b80af1748.png https://punbb.info/uploads/images/2018/03/f94ea3398e504c20b86ee88c2383aeac.png https://punbb.info/uploads/images/2018/03/e9f1964c02919a20b686c9427a383448.png https://punbb.info/uploads/images/2018/03/aed7595b60e557c7d434ef13e7de43f6.png https://punbb.info/uploads/images/2018/03/8d4319bca332690d400aedc9c6d6a7b4.png

На горизонтальном мобильном экране меню ещё раскрывается, как на вертикальном, но посты уже ориентированы в ширину, только более компактно, чем на ПК:
https://punbb.info/uploads/images/2018/03/a25cd777b7d76bf33041dbdedd7cd493.png https://punbb.info/uploads/images/2018/03/cd825bc5101da74462fb1fb8e45cbf80.png

2 (edited by kisa 2018.03.31 10:01)

Re: Oxygen (Plus) - Оксиген с человеческим лицом.

Стиль максимально подогнан под требования валидации css3. "Ошибки" и замечания валидатора теперь связаны только с тем, что  до сих пор не стандартизованы градиенты и валидатор не признаёт специальных конструкций вида -o,  -moz и -webkit для разных браузеров.

Внешне и по работе ничего не изменилось. По сравнению со старым официальным Оксигеном, ошибок стало 11 вместо 14 (которые были просто ляпами), а замечаний меньше в полтора-два раза (там счёт на сотни). 

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

На этом, работа со стилем Оксиген пока считается поработанной  PunBB_INFO_ICQ/bigsmile . Сосредоточимся на основном стиле https://punbb.info/t-1074.html .