Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Опциональная блочная верстка форума

Опциональная блочная верстка форума

Страница: 1 2  

Сообщений 1 страница 20 из 31

1

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40

Ну, все таки решил и я еще раз немного отметиться в этом плане.. Как все знают, на Майбб активно в движке используется таблица, что уже под мобильные устройства не очень, да и вообще - можно поспорить, но суть не в этом.. Последний прыг punBB 1.4.4 попробовали на li, но в 2014 еще не был по сути грид, да и флекс не особо развит был.. Но мы чуть чуть уже в 2020 - таблицы в использовании на главной жесть, да и вообще они жесть.. Без таблиц - вариант в две колонки не фиг делать не напрягаясь, с таблицами - джава скрипт.. Без таблиц, можно легко куда хочешь и чего хочешь, с таблицей - джава скрипт.. Ну, и т.д. и т.п. Я могу долго писать об ограничениях таблиц.. Я уже как то писал о тестовом варианте - может стоит все таки запустить.. Техподдержка в этом плане не подходит.. Если все таки развивать движок, то от таблиц стоит отказаться - это прямая возможность верстать без ограничений, которые накладывают таблицы..

P.S. Навеяло - опросы в таблицах, и вот еще:
https://i.imgur.com/ciIoDuy.png
Это на последнем punBB - хотел переделать, но пока забил.. А это на Майбб, вообще жесть полная:
https://i.imgur.com/dIp7n9A.png

Перерисовать это не есть проблема, проблема есть вставить..

Отредактировано kolobdur74 (Сб, 8 Авг 2020 20:22:44)

0

2

  • Автор: kozhilya
  • Модератор
  • kozhilya
  • Зарегистрирован: Сб, 1 Окт 2011
  • Сообщений: 541
  • Уважение: +381
  • Позитив: +205
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 21:22:19
kolobdur74 написал(а):

Перерисовать это не есть проблема, проблема есть вставить..

Проблемой будет то, что это сломает вообще все существующие стили :D

Вообще, MyBB нужно основательное переосмысление вёрстки страницы. Почти везде :D

+2

3

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kozhilya написал(а):

Проблемой будет то, что это сломает вообще все существующие стили :D

Только там, где использовались конкретно теги, там где использовались селекторы проблему можно свести к минимуму..

0

4

  • Автор: kozhilya
  • Модератор
  • kozhilya
  • Зарегистрирован: Сб, 1 Окт 2011
  • Сообщений: 541
  • Уважение: +381
  • Позитив: +205
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 21:22:19
kolobdur74 написал(а):

Только там, где использовались конкретно теги, там где использовались селекторы проблему можно свести к минимуму..

А ты можешь оценить, сколько это форумов сложит? Мой форум точно сложит, как и все остальные форумы, которые используют скрипты на изменение вёрстки списков форума.

Я не спорю, что это надо менять, но я уверен, что сейчас есть более насущные и менее разрушительные вещи, которые требуют решения :D

0

5

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kozhilya написал(а):

А ты можешь оценить, сколько это форумов сложит? Мой форум точно сложит, как и все остальные форумы, которые используют скрипты на изменение вёрстки списков форума.

Не уверен, что сложит, кроме того я же написал:

kolobdur74 написал(а):

Я уже как то писал о тестовом варианте - может стоит все таки запустить.. Техподдержка в этом плане не подходит..

Вот, простой набросок, при котором минимально пострадают форумы, при добавке css от сервиса, чисто навскидку:

Код:
<div class="container">
    <div class="бывшая таблица">
    	<div class="бывший thead">
    <div class="tcl">Форум</div>
    <div class="tc2">Тем</div>
    <div class="tc3">Сообщений</div>
    <div class="tcr">Последнее сообщение</div>
    	</div>
    	<div class="бывший hasicon">
    <div id="forum_f1" class="alt1">
    	<div class="tcl">
    <div class="intd">
    	<div class="icon"><!-- --></div>
    	<div class="tclcon"><h3><a href="https://forum.mybb.ru/viewforum.php?id=1">Информация сервиса</a></h3>Этот форум предназначен для извещения пользователей о всех изменениях, нововведениях в сервисе, а так же и на этом форуме.</div>
    </div>
    	</div>
    	<div class="tc2">84</div>
    	<div class="tc3">9426</div>
    	<div class="tcr"><em class="user-avatar"><a href="https://forum.mybb.ru/profile.php?id=2"><span class="avatar-image" style="background-image:url(https://forumavatars.ru/img/avatars/0000/14/1c/2-1583486677.png)"></span><span class="isonline" title="kernel активен"></span></a></em><a href="https://forum.mybb.ru/viewtopic.php?id=37409#p959790">Обновления на сервисе</a><br><span><span class="datetime">Вчера 19:01:58</span> - <span class="byuser">kernel</span></span></div>
    </div>
    <div id="forum_f17" class="alt2">
    	<div class="tcl">
    <div class="intd">
    	<div class="icon"><!-- --></div>
    	<div class="tclcon"><h3><a href="https://forum.mybb.ru/viewforum.php?id=17">Справочная</a></h3>Здесь собраны ответы на часто задаваемые вопросы.
                                                Рекомендуем к прочтению новичкам в обязательном порядке.<br><span class="modlist"><!--noindex-->(Модераторы: <a href="https://forum.mybb.ru/profile.php?id=15964" rel="nofollow">Romych</a>)<!--/noindex--></span></div>
    </div>
    	</div>
    	<div class="tc2">43</div>
    	<div class="tc3">981</div>
    	<div class="tcr"><em class="user-avatar"><a href="https://forum.mybb.ru/profile.php?id=32995"><span class="avatar-image" style="background-image:url(https://forumavatars.ru/img/avatars/0000/14/1c/32995-1418309727.jpg)"></span></a></em><a href="https://forum.mybb.ru/viewtopic.php?id=33659&amp;p=3#p951098">Предложения по редакции Информационного раздела и Справочника</a><br><span><span class="datetime">Чт, 13 Фев 2020 15:49:56</span> - <span class="byuser">Alex_63</span></span></div>
    </div>
    	</div>
    </div>
</div>

Это не шедевр, но уже можно от чего то плясать.. Это чисто навскидку.. По хорошему стоит конечно переосмыслить.. То, что сделали в punBB 1.4.4 точно не стоит брать за основу.. Использовал Notepad++..

Отредактировано kolobdur74 (Пн, 27 Июл 2020 17:12:24)

0

6

  • Автор: kozhilya
  • Модератор
  • kozhilya
  • Зарегистрирован: Сб, 1 Окт 2011
  • Сообщений: 541
  • Уважение: +381
  • Позитив: +205
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 21:22:19
kolobdur74 написал(а):

Вот, простой набросок, при котором минимально пострадают форумы, при добавке css от сервиса, чисто навскидку:

А какой тогда вообще смысл, кроме того, что ты все table, tr и td на div поменял? Этого можно добиться просто сделав что-то типа

Код:
table, tr, td { 
    display: block; 
    width: auto;
    text-align: left;
}
Пример

https://i.imgur.com/PHUu4lI.png

Это, прямо скажем, не изящно, но делает ровно тоже самое, не ломая то, что есть, у остальных.

0

7

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kozhilya написал(а):

Я не спорю, что это надо менять, но я уверен, что сейчас есть более насущные и менее разрушительные вещи, которые требуют решения :D

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

Кроме того, есть этап 1 - это отработка на тестовом форуме..
Этап 2 - это запуск на всем сервисе с возможностью переключения..
Этап 3 - перевод всего сервиса..

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

0

8

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kozhilya написал(а):

Это, прямо скажем, не изящно, но делает ровно тоже самое, не ломая то, что есть, у остальных.

Лишним тегом, который будет как собаке пятая нога, собственно он таким и является по сути..

sshmmv написал(а):

Уважаемые, а можно, чтобы форумы НЕ страдали от "улучшательств"?

Собственно, а первопост прочесть внимательно? Еще раз специально для вас:

kolobdur74 написал(а):

Я уже как то писал о тестовом варианте - может стоит все таки запустить.. Техподдержка в этом плане не подходит..

Перевожу - я по сути предлагаю два варианта сервиса.. Второй - маленький и тестовый..

0

9

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2622
  • Уважение: +1782
  • Позитив: +784
  • Пол: Женский
  • Последний визит:
    Чт, 17 Окт 2024 14:00:09
kozhilya написал(а):

Проблемой будет то, что это сломает вообще все существующие стили

как вариант, добавить в свой стиль опцию "табличная верстка/блочная верстка"
ты - дизайнер? круто. врубай "блочная верстка" и наслаждайся.
ты - нуб? у тебя по умолчанию стоит старая табличка.

+2

10

  • Автор: Arakhen
  • Посол Rusff
  • Arakhen
  • Зарегистрирован: Ср, 10 Май 2017
  • Сообщений: 443
  • Уважение: +393
  • Позитив: +447
  • Последний визит:
    Пт, 22 Ноя 2024 02:14:41

Тема привлекательная, но по своим наблюдениям скажу, что такие изменения сейчас и впрямь спровоцируют повсеместный и очень серьёзный апокалипсис. Я представляю масштаб — и хочется начать нервно хихикать. :D
Всем придется что-то чинить — в той или иной мере у всех найдутся куски кода, привязанные к нынешней структуре.

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

Upd. Ну и неплох вариант на выбор. С учетом, что блочный явно во многом надо будет верстать с ноля.

Отредактировано Arakhen (Пн, 27 Июл 2020 17:36:02)

0

11

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
Arakhen написал(а):

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

Upd. Ну и неплох вариант на выбор. С учетом, что блочный явно во многом надо будет верстать с ноля.

Герда написал(а):

добавить в свой стиль опцию "табличная верстка/блочная верстка"
ты - дизайнер? круто. врубай "блочная верстка" и наслаждайся.
ты - нуб? у тебя по умолчанию стоит старая табличка.

kolobdur74 написал(а):

Кроме того, есть этап 1 - это отработка на тестовом форуме..

kolobdur74 написал(а):

я по сути предлагаю два варианта сервиса.. Второй - маленький и тестовый..

P.S. Добавлю - по сути, нынешняя верстка Майбб себя исчерпала полностью, хоть так ее крути, хоть эдак - кто верстал с нуля меня поймет..

Отредактировано kolobdur74 (Пн, 27 Июл 2020 17:41:34)

0

12

  • Автор: kozhilya
  • Модератор
  • kozhilya
  • Зарегистрирован: Сб, 1 Окт 2011
  • Сообщений: 541
  • Уважение: +381
  • Позитив: +205
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 21:22:19
Герда написал(а):

как вариант, добавить в свой стиль опцию "табличная верстка/блочная верстка"

Это-то понятно... Я всё-таки немного о другом.

Изменения в вёрстке нужны - бесспорно; но если улучшать в одном месте, то лучше улучшить сразу везде; что бы админам, желающим быть на последней версии не пришлось каждые несколько дней/недель адаптировать имеющиеся решения.

А тут если и менять, то сразу как-то так:

Код:
<div class="forum inew" id="forum_f1">
    <div class="icon"><!-- --></div>
    <div class="title">
        <h3>
            <a href="https://forum.mybb.ru/viewforum.php?id=1">Информация сервиса</a>
        </h3>
    </div>
    <div class="description">
        <p>Этот форум предназначен для извещения пользователей о всех изменениях, нововведениях в сервисе, а так же и на этом форуме.</p>
    </div>
    <div class="stats">
        <div class="stat stat_topics"><em><span>Тем<span>: </em><strong>84</strong></div>
        <div class="stat stat_posts"><em><span>Сообщений<span>: </em><strong>9426</strong></div>
    </div>
    <div class="last">
        <em class="user-avatar">
            <a href="https://forum.mybb.ru/profile.php?id=2">
                <span class="avatar-image" style="background-image:url(https://forumavatars.ru/img/avatars/0000/14/1c/2-1583486677.png)"></span>
                <span class="isonline" title="kernel активен"></span>
            </a>
        </em>
        <a class="last-link" href="https://forum.mybb.ru/viewtopic.php?id=37409#p959790">Обновления на сервисе</a>
        <strong class="last-info">
            <time>Вчера 19:01:58</time>
            <span class="separator">&ndash;</span>
            <a href="https://forum.mybb.ru/profile.php?id=2">kernel</a>
        </strong>
    </div>
</div>

0

13

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2622
  • Уважение: +1782
  • Позитив: +784
  • Пол: Женский
  • Последний визит:
    Чт, 17 Окт 2024 14:00:09

отпишу подробнее.

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

код должен отличаться следующим:
1. заменить все теги table, thead, tr и td на DIV
2. в дивы, которые заменяют table, thead и tr надо добавить класс или айди id="table"/id="thead"/id="thead"

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

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

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

Отредактировано Герда (Пн, 27 Июл 2020 17:44:58)

+1

14

  • Автор: Arakhen
  • Посол Rusff
  • Arakhen
  • Зарегистрирован: Ср, 10 Май 2017
  • Сообщений: 443
  • Уважение: +393
  • Позитив: +447
  • Последний визит:
    Пт, 22 Ноя 2024 02:14:41
kolobdur74 написал(а):

Кроме того, есть этап 1 - это отработка на тестовом форуме..

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

Upd. В общем, да. Если такое делать, то строго опционально для желающих заморочиться.

Отредактировано Arakhen (Пн, 27 Июл 2020 17:48:36)

0

15

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2622
  • Уважение: +1782
  • Позитив: +784
  • Пол: Женский
  • Последний визит:
    Чт, 17 Окт 2024 14:00:09

могу помочь с тестом, натянув один из своих нестандартных дизайнов (которые достаточно много всего трогают) на новый код.
там сразу станет понятно, хватает ли нам только тех селекторов, которые я описала.
но чисто по моей памяти - хватает. уверена на 99%

0

16

  • Автор: kozhilya
  • Модератор
  • kozhilya
  • Зарегистрирован: Сб, 1 Окт 2011
  • Сообщений: 541
  • Уважение: +381
  • Позитив: +205
  • Пол: Мужской
  • Последний визит:
    Пт, 15 Ноя 2024 21:22:19
Герда написал(а):

код должен отличаться следующим:
1. заменить все теги table, thead, tr и td на DIV
2. в дивы, которые заменяют table, thead и tr надо добавить класс или айди id="table"/id="thead"/id="thead"

Так а какой смысл в этом вообще? Кроме рекомендаций W3C (и может быть поддержки древнейших браузеров) нет вообще никаких проблем сделать из вёрстки table/tr/td стандартную (см. выше)...

0

17

  • Автор: Герда
  • старая версия нечистой силы
  • Герда
  • Зарегистрирован: Пт, 20 Фев 2009
  • Сообщений: 2622
  • Уважение: +1782
  • Позитив: +784
  • Пол: Женский
  • Последний визит:
    Чт, 17 Окт 2024 14:00:09
kozhilya написал(а):

Кроме рекомендаций W3C (и может быть поддержки древнейших браузеров) нет вообще никаких проблем сделать из вёрстки table/tr/td стандартную (см. выше)...

на мой взгляд прописывать на КАЖДЫЙ табличный элемент форума display:block - это проблема.
вот, например, блочная верстка страницы списка тем: http://forumd.ru/viewforum.php?id=33
надеюсь, по ней видно, что вкорячивание блочных стилей в движок - геморрой невероятный. дивы не просто так отличаются от тегов ячеек и таблиц - у них опроделенное отображение по умолчанию.

* вторая незначительная причина, которая приходит мне в голову: для профи, который смотрит в код, наличие таблиц - это фуфуфу. имея форум it-тематики, я уже не раз вела с пользователями дискуссии на тему "что это за гогно, на котором создан форум и почему не переехать на нормальный движок".
скажем так, для айтишников и премиум-сегмента майбб блочная верстка будет презентабельнее таблиц.

0

18

  • Автор: Arakhen
  • Посол Rusff
  • Arakhen
  • Зарегистрирован: Ср, 10 Май 2017
  • Сообщений: 443
  • Уважение: +393
  • Позитив: +447
  • Последний визит:
    Пт, 22 Ноя 2024 02:14:41
kozhilya написал(а):

нет вообще никаких проблем сделать из вёрстки table/tr/td стандартную (см. выше)...

Есть ограничения с точки зрения более специфических (для форумов) задач и решений, сложности возникают даже просто с адаптивной версткой. %)
Так что в отказе от таблиц смысл очень даже есть.

0

19

  • Автор: kernel
  • Администратор
  • kernel
  • Зарегистрирован: Пт, 31 Янв 2020
  • Сообщений: 1617
  • Уважение: +3693
  • Позитив: +191
  • Последний визит:
    Вт, 20 Окт 2020 15:41:44
kozhilya написал(а):

Изменения в вёрстке нужны - бесспорно; но если улучшать в одном месте, то лучше улучшить сразу везде; что бы админам, желающим быть на последней версии не пришлось каждые несколько дней/недель адаптировать имеющиеся решения.

Этого точно не будет )
Если уж переделывать полностью верстку, то нужно переделывать и весь форумный движок (не потому что нужно для изменения вёрстки, а потому что он тоже устарел, достаточно неудобен, плохо спроектирован). При этом давать администратору выбор, каким пользоваться. Очень трудоёмко и долго. Кода крайне много. Вряд ли такой вариант возможен.

Можно до крайности развивать API, так чтобы можно было сделать всё, что можно сделать через веб. При этом отдельные форумы вообще можно сверстать на js фреймворках таких как react, vue, angular. Возможности вёрстки и кастомизации - безграничны )

Предложенное здесь - поменять только table, вполне реализуемо, но как и @kozhilya считаю это достаточно пустым действом. Тоже за свою жизнь занимался вёрсткой, в том числе и переводил не раз табличную верстку в адаптивную. Никаких проблем на css сделать из таблицы произвольные блоки, которые потом тем же flex можно как угодно переставлять - не вижу.

+5

20

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7390
  • Уважение: +5876
  • Позитив: +6482
  • Пол: Мужской
  • Последний визит:
    Чт, 21 Ноя 2024 21:12:40
kozhilya написал(а):

А тут если и менять, то сразу как-то так:

Это не сразу - это даже не альфа, простой прямой перевод таблицы в блоки.. Что естественно не есть хорошо, я бы перерисовал - был бы смысл.. И да, таблицы встречаются не только на главной - та же статистика, поиск, ЛС и т.п. И много вас сразу переводили на Винде? Всегда существуют альфа-бета, и релиз.. Так или иначе, но сам движок устарел далеко не только функционально, но и скелетом, о чем его разработчики прекрасно понимали и сделали последнюю попытку его привести в порядок.. Либо Майбб пойдет дальше, либо все равно будет перевод на другой движок, но уже гораздо болезненнее..

Герда написал(а):

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

Согласен, но оооочень частично.. На мой взгляд это:

<div class="icon"><!-- --></div>

Нужно, как собаке шестая нога.. Но, с чем соглашусь - это не для простого юзера.. Кстати, даже у Ксенфоро есть поддержка первой версии, а есть второй.. На мой взгляд, давно назрела версия Майбб 2.. В Майбб - сам движок и удобство отличное, функционал и скелет подустарели..

0

Страница: 1 2  

Вы здесь » Единый форум поддержки » Сделаем сервис лучше » Опциональная блочная верстка форума