|
Таблицу сообщений на Мисте можно сделать адаптивной
Greeen, Толич, saaken, Мультук, Волшебник, Franchiser, XLife, Климов Сергей, Олдж, nick86, Злопчинский, Asmody, Prog_man, Dzenn, Новиков, Sewace, Vstur, ssh2006, Галахад, Timon1405, formista2000, Рамиль Маугли, backfire, Kigo_Kigo, Fish, VladZ, evorle145, fbear, Доминошник, sikuda, arsik, Гипервизор, maxar, Hawk_1c, DiMel_77, laeg, новичекВ1С, obs191, Lama12, СвинТуз, avkynev, trad, Ильф, comp2006, d4rkmesa, piter3, Калиостро, Федя Тяпкин, Crusher, mortal, Djelf, TormozIT, Mankubus, Многолетний Апельсин, Dedal, END, craxx, Ёпрст, vyaz, MWWRuza, Has, lEvGl, ГдеСобакаЗарыта, scaramouche, reg0303, X Leshiy, Eugene555, KJlag, NorthWind, SleepyHead, kir-g, DemonShinji2, Kabz, Garykom, kubik_live, AlvlSpb, ЕRPe, Philix, ptiz, hunter76, Silgis, okmail, vbus, p-soft, ads55, 2S, Builder, DimVad, takefive, ndrv, Gucci76, denk32, Irbis, youalex, DimR_71, ILM
| ☑ |
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
✎
19:29
|
(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. Если что-то пойдёт не так, почистите куки и перелогиньтесь. Флаг "Применить скрипты" будет сброшен.
|
|