1 (edited by kisa 2018.03.31 23:19)

Topic: Стиль Web 2.0 (new)

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

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

Главная страница и страницы форумов сделаны широкими, страницы топиков - узкими, для лучшего восприятия и удобства чтения.

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

Для решения всех этих вопросов по шапке форума  рекомендуется расширение Logo.  Выводимый им логотип не зависит от стиля у пользователя, расширение позволяет на своё усмотрение располагать название форума и эмблему - справа, слева, посередине, выше-ниже, вразнобой - как пожелаете. И всё это будет одинаково работать в разных стилях. Кроме того, все эти элементы всегда будут кликабельны.

Вид на ПК
https://punbb.info/uploads/images/2018/03/e4553610619668d490467cb4b17c3050.png https://punbb.info/uploads/images/2018/03/a6ccfd1c037a260d592af6457e185425.png https://punbb.info/uploads/images/2018/03/7ca411656d41f4c16ea36fd50bff0ced.png
https://punbb.info/uploads/images/2018/03/6b2a0ead20b416d7d5612b1b7a99f892.png


Вертикальный мобильный вид
https://punbb.info/uploads/images/2018/03/9594f1c67c7a025c834584270b7e7cc8.png https://punbb.info/uploads/images/2018/03/77e7e26f277336339d3d57fe1d5be7ba.png https://punbb.info/uploads/images/2018/03/4667afe3204cc3971ab750cc95717966.png https://punbb.info/uploads/images/2018/03/c60e2dd12a6695be03f4aa4f5fa7b5cd.png


Горизонтальный мобильный вид
https://punbb.info/uploads/images/2018/03/7ef1faac513ea181c6d32b856c1efc04.png https://punbb.info/uploads/images/2018/03/862a460303ff10e2497ed1053aa65616.png https://punbb.info/uploads/images/2018/03/6737bc3987e582d35675c11b28730db6.png


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

Скачать стиль Web 2.0 для  PunBB 1.4 - PanBB 1.4.5  34.9 Kb  (34)

2

Re: Стиль Web 2.0 (new)

Отличная работа!  PunBB_INFO_ICQ/thumbsup  Ты у нас теперь спец по стилям  PunBB_INFO_ICQ/wink
Один вопрос. Что думаешь про этот блок?
https://punbb.info/uploads/images/2018/03/28b41bc281b6f70e1e096083121203ea.png
Может этот зомбирующий заголовок совсем повычленять во всех темах? Или хотя бы приглушить до уровня серого, чтобы хоть не так в глаза бросалось.
Оно то с одной стороны и полезно, хоть не надо мотать вверх и вниз чтоб понять в какой ты теме находишься, но немного может раздражать когда такой блок повторяется, да еще с этим Re:, вот его точно надо убрать или как то реорганизовать (может для будущей версии)
Что думаешь?

Если вам долго не отвечают, пишите автору темы в личку или на Email.

3 (edited by kisa 2018.03.31 23:32)

Re: Стиль Web 2.0 (new)

PunBB_INFO_ICQ/scratch Надо поэкспериментировать.
Причём на людях PunBB_INFO_ICQ/jokingly

4

Re: Стиль Web 2.0 (new)

Спасибо огромное за стиль! Все красиво сделано. Буду тестировать, потом отпишусь.

5 (edited by kisa 2018.04.06 23:36)

Re: Стиль Web 2.0 (new)

PunBB_INFO_ICQ/wink Обращайтесь.

Добавлено: 6th Apr 2018 22:34

PunBB wrote:

Что думаешь про этот блок?

Поигрался сам с этим. Поигрался при людях. Решили так и оставить, оказалось - это меньшее из зол. Действительно, совсем убрать - дезориентирует. Приглушить тем или иным образом (серым цветом, более скромным шрифтом) - сливается с текстом, тоже ерунда.
Выделить ещё сильнее -  PunBB_INFO_ICQ/shock
Убрать Re: - снова сливается. Заменить его словом "Тема:" - слишком жирно, выделяется больше, чем нужно.

Переместить в заголовок поста макетно пробовали, но сильно напомнило наш старый форум PunBB_INFO_ICQ/whipped и некуда - там же у нас отметки о редактировании, которым там и место.

Всё это перепробовано, и отвергнуто. Видать, не зря оно так.