1 (edited by kisa 2018.04.02 08:05)

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

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

This content is available only to registered users.



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

Строчка 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.softplaza.net/uploads/images/2018/03/0c459f02b910c001e5e3617e4fea78aa.png

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

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


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

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

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

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

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

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

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

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

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

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

Итак, плюсы:

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

$matches[2]

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

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

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

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

2 (edited by kisa 2018.03.31 00:01)

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

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

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

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

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

3

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

Большое спасибо за тему, но я убрал

+ Страницы тем наоборот - сделаны Уже исходных на 100 пикселей - ведь тело темы - субстанция скорее линейная вертикальная. При чтении удобнее скользить взглядом сверху вниз, не особенно "размахивая" глазами в стороны  PunBB_INFO_ICQ/bigsmile  С учётом этого момента набираются газеты, журналы, энциклопедии и словари.

если кто-то захочет убрать в файле stylesheet.css

#brd-viewtopic {
    margin: auto;    
 max-width: 1000px; 
}

заменить на

#brd-viewtopic {
    margin: auto;    
}

1

4

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

@kisa, отличная шкурка  PunBB_INFO_ICQ/thumbsup    Если еще сделать видимыми подробности ника (к-во сообщений откель и т.д.) в нижней части, вообще бы было круто. А если сделать слайдером - улет!  PunBB_INFO_ICQ/smile

5

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

@kirpich, https://krokovod.org/forum/extensions/pan_smiles/pack/img/thank.gif
Слайдер на этом форуме - это ж расширение. Подробности в моб версии загромоздят и без того маленький экран. Кому нужны подробности - приходится заходить в профиль сробеседника. Зато там всё.

6

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

@kisa, да я думаю, как бы вывести старую карму... в смысле кнопок +- и чтобы это выглядело относительно вменяемо, а еще город.

$matches[2]

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

7

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

Ыыы. Ну ковырять только зимой могу...

8

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

@kisa,  еще стиль уезжает  у последнего поста, если юзер без аватары. Текст в минипрофиле, имя и статус онлайн-офлайн