• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Адаптивность дизайна на форуме некорректна (Некоторые темы неправильно адаптируются под мобильные устройства)
Адаптивность дизайна на форуме некорректна
Dron88
Среда, 02 Февраля 2022 | Сообщение 1
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
Всем добрый день. Нужна ваша помощь по дизайну форума uCoz. Неправильно адаптируются некоторые темы под мобильные экраны. В основном те темы, которые пользователи копируют с других сайтов и потом вставляют на моём. Примером эта тема seobiznes.net/forum/66-1351-1 и таких тем сотни. Контент темы становиться шире экрана и ломает шапку и дизайн:
Прикрепления: 3591362.jpg (153.9 Kb)


Сообщение отредактировал
-SAM- - Пятница, 04 Февраля 2022, 03:00
Страна: (NL)
Kosten
Среда, 02 Февраля 2022 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Dron88, вид материала форума корректно выводит на мобильном.

Прикрепления: 6741926.png (26.1 Kb)


Сообщение отредактировал
-SAM- - Пятница, 04 Февраля 2022, 02:22
Страна: (RU)
Dron88
Среда, 02 Февраля 2022 | Сообщение 3
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
Kosten, тогда получаеться проблема в шапке и в футере?
Страна: (NL)
Dron88
Среда, 02 Февраля 2022 | Сообщение 4
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
Kosten, вот например в этой теме seobiznes.net/forum/66-3341-1 всё чётко, дизайн отображается полностью корректно - шапка никуда не смещается и футер тоже на месте:

А вот в теме seobiznes.net/forum/66-1351-1 (ссылку на которую я скинул выше) и в сотнях других - уходит как шапка, так и футер, с правой стороны появляется пустое место:
Прикрепления: 3250527.jpg (136.7 Kb) · 6594390.jpg (92.0 Kb) · 8752301.jpg (143.0 Kb) · 3094784.jpg (106.8 Kb)


Сообщение отредактировал
-SAM- - Пятница, 04 Февраля 2022, 02:29
Страна: (NL)
Dron88
Среда, 02 Февраля 2022 | Сообщение 5
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
Kosten, в этой теме seobiznes.net/forum/10-246-1 вообще жёстко - тема растянулась так, что шапка и футер стали на пол экрана:

Добавлено (2022-02-02, 17:18)
---------------------------------------------
Kosten, я конечно не разбираюсь в кодах и дизайнах, но у меня такое предчувствие, что в текстах этих тем присутствует какой-то элемент, который выходит за область просмотра.

Добавлено (2022-02-02, 18:59)
---------------------------------------------
Kosten, нашел причину. Как я и предполагал, причина в отдельных элементах, присутствующих в темах. Этот элемент - длинные ссылки, которые пользователи публикуют в темах. Убираю ссылки, и контент сразу адаптируется под размер экрана. В некоторых темах виноваты широкие изображения.

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

Добавлено (2022-02-02, 19:39)
---------------------------------------------
Изображения настроил, что делать с ссылками не знаю. Поможет кто-нибудь?
Прикрепления: 0127043.jpg (164.9 Kb) · 3260419.jpg (83.7 Kb)


Сообщение отредактировал
-SAM- - Пятница, 04 Февраля 2022, 02:35
Страна: (NL)
Kosten
Среда, 02 Февраля 2022 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Dron88, тогда осталось найти мастера, который сделает форум адаптивным.
Страна: (RU)
Dron88
Среда, 02 Февраля 2022 | Сообщение 7
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
Kosten, В смысле? Он адаптивный. Проблема только в ссылке.

Добавлено (2022-02-02, 20:06)
---------------------------------------------
Kosten, Помог зашибись. Чтоб тебе всю жизнь так помогали, как ты мне помог.

Страна: (NL)
waak
Среда, 02 Февраля 2022 | Сообщение 8
Оффлайн
Заблокированные
Сообщений:588
Награды: 14
Здравствуйте просто добавьте строчку в ваш css

Код

a.link {
    word-break: break-word;
}

Должно помочь
Страна: (RU)
Kosten
Среда, 02 Февраля 2022 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Цитата Dron88 ()
Kosten, Помог зашибись. Чтоб тебе всю жизнь так помогали, как ты мне помог.

Это был совет!

Закрыто!
Страна: (RU)
Dron88
Четверг, 03 Февраля 2022 | Сообщение 10
Оффлайн
Заблокированные
Сообщений:6
Награды: 0
waak, Помогло. Спасибо огромное!!!
Страна: (NL)
-SAM-
Четверг, 03 Февраля 2022 | Сообщение 11
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40

То есть текущая тема сразу после первого поста должны была перенесена а другой форум. А не куча ссылок на сайт и каких-то мусорных скринов идёт (будут храниться на сайте теперь, а нет - просто тему удалить всю... upd://скрины пережал все и в спойлер закинул, а ссылки сделал некликабельными), да и сами скрины нужно ужимать перед заливкой (качество много занимает, допустим, можно было делать в png и до 256 цветов - вполне хватит, чтобы суть уловить).

[admin]Dron88, вам предупреждение за то, что не читаете описание форума и правила в нём. Ваши темы такие будут удаляться в следующий раз (что не содержат вопроса по системе uCoz). Наличие у вас сайта на этом хостинге это еще не повод писать в этот раздел.[/admin]




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Пятница, 04 Февраля 2022, 03:03
Страна: (UA)
Форум » Веб-разработка » Вопросы про uCoz » Адаптивность дизайна на форуме некорректна (Некоторые темы неправильно адаптируются под мобильные устройства)
  • Страница 1 из 1
  • 1
Поиск: