Имя: Пароль:
IT
Веб-мастеринг
Таблицу сообщений на Мисте можно сделать адаптивной
0 Рамиль Маугли
 
03.07.25
11:52
Пишу в общую ветку потому что хочу чтобы люди знали про этот метод сделать таблицу по настоящему адаптивной.

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

Прилагаю ссылку где показан способ как сделать таблицу адаптивной.
https://codepen.io/AllThingsSmitty/pen/MyqmdM

До



После

1 formista2000
 
03.07.25
11:51
ещё flex-вёрстку можно зафигачить
2 Волшебник
 
03.07.25
11:57
(0) Ваш звонок очень важен для нас.
3 ILM
 
гуру
03.07.25
11:59
Волшебник, ни слушай никого. Дизайн Мисты безупречен, как и у пачки соды.
4 Волшебник
 
03.07.25
11:59
Вот я не понимаю, что плохого в таблицах?

На главной странице список тем в виде таблицы из N колонок, значит в вёрстке должен быть <TABLE>
На странице ветки список сообщений в виде таблицы из 3 колонок, значит в вёрстке должен быть <TABLE>

Откуда эта фобия HTML-таблиц?
5 Рамиль Маугли
 
03.07.25
12:01
(2)

6 Рамиль Маугли
 
03.07.25
12:02
(4) Я сказал что таблицы это плохо? Нет. Адаптивность было бы неплохо допилить и все.
7 Garykom
 
гуру
03.07.25
12:14
Таблицы в отличие от блоков плохо в узкий вариант перестраиваются
Когда например левую или правую панельку надо вверх или вниз перенести целиком на мелких экранчиках (но с прокруткой)
Или скрывать и показывать независимо от прочего по кнопочке
8 Волшебник
 
03.07.25
12:23
CSS-скрипт для мобильного дизайна:

@media (orientation: portrait) {
    body {
        font-family: 'Noto Sans', sans-serif;
        max-width: 100vw;
        color: #212121;
    }

    img {
        max-width: 100vw;
    }

    .hide_mobile {
        display: none !important;
    }

    #nav .knowledge,
    #nav .sections,
    #nav .job,
    #nav .about {
        display: none;
    }

    #quick-search-form {
        display: none;
    }

    #top-banners {
        display: none;
    }

   #topicsList .plus {width: 30px; }
   #topicsList .replies {width: 50px; }
   #topicsList .topic {width: 100%; font-weight: bold; }
   #topicsList .arena { display:none; }
   #topicsList .section { display:none; }
   #topicsList .author { display:none; }
   #topicsList .updated { display:none; }

   .topicTable col.left {
       width: 170px;
   }
}

9 Fish
 
гуру
03.07.25
12:29
(6) Сделай свой форум и допили. А мы поглядим, сколько человек на него придут.
10 Рамиль Маугли
 
03.07.25
12:39
(9) Очень умное замечание. Надо бы не забыть.
11 Fish
 
гуру
03.07.25
12:40
(10) Можешь записать, и повесить в рамочку, чтобы висела перед глазами.
12 Dzenn
 
гуру
03.07.25
12:46
хз, я не помню, чтобы на мисту с мобильного заходил. Предполагаю, заход с мобильного — это процента 3 посетителей мисты. Стоит ли ради 3% посетителей перепиливать базовый код сайта?
13 Dzenn
 
гуру
03.07.25
12:48
Хотя... можно кстати ещё и шортсы прикрутить, сейчас это модно, стильно и молодёжно. И можно свайпать, что тоже немаловажно :-)
14 Dzenn
 
гуру
03.07.25
12:49
прикиньте — шортсы на мисте! Это взорвёт рынок медиаконтента!
15 Рамиль Маугли
 
03.07.25
12:52
(14) И Миста выйдет на IPO
16 Волшебник
 
03.07.25
12:54
(13) У нас сейчас в тренде вайб-кодинг через нейронки
17 Волшебник
 
03.07.25
12:56
(3) 💖
18 Рамиль Маугли
 
03.07.25
13:00
(17) Да я вообще не про дизайн. Я про отображение дизайна на мобилке.
19 Волшебник
 
03.07.25
13:02
(18) Скоро мобильники исчезнут. Везде будет дополненная реальность с большим экраном. С помощью 5G мы просто будем коннектиться к серверу.
20 Asmody
 
03.07.25
13:28
у меня всё адаптивно


21 Asmody
 
03.07.25
13:31
(16) лучше вайб-постинг.
и вайб-ответинг.
и вообще, пусть на мисте только нейронки общаются и пишут что хотят.
А то вон уже 1С на форуме про 1С запрещает использовать буквы 1С
22 craxx
 
03.07.25
13:36
(19) Прямо в мозг будут вживлены чипы, и дозвон силой мысли.
23 СвинТуз
 
03.07.25
13:48
(17)
Стас не слушай умников.
Норм все + народ привык.
24 Fish
 
гуру
03.07.25
13:58
(18) У тебя, наверное какой-нибудь айфон. На нормальных мобилках всё отлично отображается.
25 trad
 
03.07.25
15:06
(20) тоже все устраивает
26 Dzenn
 
гуру
03.07.25
15:50
и, кстати, когда уже будет мобильное приложение?
27 Hawk_1c
 
03.07.25
15:51
(0)А что значит адаптивной?
28 Волшебник
 
03.07.25
15:56
(26) Уже было, не взлетело. Браузер делает всё сам.
29 Волшебник
 
03.07.25
15:58
30 Dzenn
 
гуру
03.07.25
19:24
(28) ты серьёзно?) я шутил
31 Волшебник
 
03.07.25
20:08
(30) Хм... Может и ТС пошутил?

Как выяснилось из (20) и (25), миста замечательно адаптируется к просмотру в одну колонку.
Просто надо настроить себе личные скрипты.

Кстати, вот их скрипты:
CSS-скрипт Asmody https://forum.mista.ru/users/users_css/850.css
CSS-скрипт trad https://forum.mista.ru/users/users_css/10052.css

Хотя что-то они могли подшаманить JS-скриптами, тогда вот они:
JS-скрипт Asmody https://forum.mista.ru/users/users_js/850.js
JS-скрипт trad https://forum.mista.ru/users/users_js/10052.js

Если будете вставлять куски этих скриптов в свои настройки, не забудьте поставить флаг "Применить скрипты".
И помните, за результат никто ответственности не несёт!
p.s. Если что-то пойдёт не так, почистите куки и перелогиньтесь. Флаг "Применить скрипты" будет сброшен.
32 Волшебник
 
03.07.25
20:26
Получается, Миста — супер-адаптивна! Только надо уметь её готовить
33 PR
 
03.07.25
23:16
(2) 👍
34 PR
 
03.07.25
23:17
Вот у ТС личный сайт адаптивный
Но нахрен никому не нужный
Но адаптивный
Но не нужный
Но...
Оптимист верит, что мы живем в лучшем из миров. Пессимист боится, что так оно и есть.