Адаптивный дизайн (мини хэлп)

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 3
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Адаптивный дизайн (мини хэлп)

Сообщение anonimus » 20 май 2016, 02:06

NVT писал(а):Источник цитаты Если это адаптировано я папа римский

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

я вообще вашей проблемы не понимаю - сохраните любое выбранное изображение как картинку и потом вставляйте её через инструмент изображение, который адаптивным является и будет вам счастье
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Реклама
Аватара пользователя

NVT
Втянувшийся
Втянувшийся
Сообщения: 74
Зарегистрирован: 12 ноя 2012, 19:57
Версия Web Builder: 11.1.1
Имя: Саня
Контактная информация:

Адаптивный дизайн (мини хэлп)

Сообщение NVT » 20 май 2016, 17:53

anonimus, Не поняли друг друга бывает :-) интернет :hi_hi_hi: я и не морочусь, картинкой и буду делать.
Хорошо там где нас нет - Это, не хорошо.

Аватара пользователя

Samuel
Втянувшийся
Втянувшийся
Сообщения: 64
Зарегистрирован: 10 июн 2015, 08:16
Версия Web Builder: 10

Адаптивный дизайн (мини хэлп)

Сообщение Samuel » 08 июн 2016, 20:15

Всем привет!
А кто как реализовывал гугл или яндекс карту в адаптивке на вб 10?

Спасибо

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Адаптивный дизайн (мини хэлп)

Сообщение anonimus » 08 июн 2016, 20:34

точно так же как и в обычном, десктопном, варианте
в чём именно проблема?
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

Samuel
Втянувшийся
Втянувшийся
Сообщения: 64
Зарегистрирован: 10 июн 2015, 08:16
Версия Web Builder: 10

Адаптивный дизайн (мини хэлп)

Сообщение Samuel » 09 июн 2016, 18:17

К примеру, если используем код карты от Google Maps размером 600х400 пх, в десктопной версии, а в мобильной 100х150пх - но оставив в мобильной версии код от 600х400 пх - сама карта не адаптируется, а обрезается.

Аватара пользователя

verlynx
Неофит
Сообщения: 1
Зарегистрирован: 12 авг 2016, 21:08
Версия Web Builder: 10.4.1

Адаптивный дизайн (мини хэлп)

Сообщение verlynx » 12 авг 2016, 21:11

А никто с адаптацией лайтбоксов не сталкивался?

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Адаптивный дизайн (мини хэлп)

Сообщение Gudwinn » 13 авг 2016, 01:11

verlynx писал(а):Источник цитаты с адаптацией лайтбоксов

Не давно как раз исправлял 3 лендинга с лайтбоксами, делал адаптацию. Есть 2 варианта действий для 10 версии, что именно интересует, формы заявок?
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

karpenko
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 12 дек 2013, 18:26
Версия Web Builder: 10.3.4

Адаптивный дизайн (мини хэлп)

Сообщение karpenko » 07 сен 2016, 18:31

Подскажите, пожалуйста, как решить следующую проблему. Создал страницу, сделал точки останова, но если нажать на editbox в форме для ввода данных, например при точке останова 320 (хотя на всех точках такой косяк), то форма становится такая же как на дефолтной странице, а слои остаются 320 px. Как сделать, чтобы форма не изменяла свой размер?
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Адаптивный дизайн (мини хэлп)

Сообщение Gudwinn » 07 сен 2016, 20:43

Я же писал о этом в самом начале, внимательно посмотрите все скрытые объекты на всех точках останова, ни один элемент не должен выходить за пределы текущей точки останова.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

karpenko
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 12 дек 2013, 18:26
Версия Web Builder: 10.3.4

Адаптивный дизайн (мини хэлп)

Сообщение karpenko » 08 сен 2016, 11:33

Посмотрел, все элементы в пределах точки останова. Заметил, что размер изменяется только тогда, когда появляется экранная клавиатура в книжной ориентации. Например, точка останова 574 в альбомной ориентации все нормально отображает. Оставлю ссылку, может посмотрите, если Вас это не затруднит. http://test.tailormade.ua

Аватара пользователя

Igll
Неофит
Сообщения: 2
Зарегистрирован: 15 ноя 2015, 16:58
Версия Web Builder: 10

Адаптивный дизайн (мини хэлп)

Сообщение Igll » 20 ноя 2016, 15:26

Добрый день.
Скажите, а как выводить проект с установленными точками останова? Я пробовал выводить и по факту сайт становиться по размеру последней точки останова. Как сделать, чтобы страницы автоматически отображались в зависимости от экрана, что нужно делать при выводе готового проекта с установленными точками останова- в проекте ставить экран на "дефолт"?
Спасибо.













.

Аватара пользователя

JOLJOL
Читатель
Читатель
Сообщения: 12
Зарегистрирован: 09 фев 2014, 13:37
Версия Web Builder: 9.0.5

Адаптивный дизайн (мини хэлп)

Сообщение JOLJOL » 23 ноя 2016, 22:03

Огромное спасибо автору!

Аватара пользователя

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Адаптивный дизайн (мини хэлп)

Сообщение spoon » 24 ноя 2016, 09:58

Фотогалиреи адаптируются, а вот всякие рода примочки к ним нет, рамки например не адаптируются.
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Адаптивный дизайн (мини хэлп)

Сообщение Gudwinn » 24 ноя 2016, 13:52

JOLJOL писал(а):Источник цитаты спасибо автору!

Не за что, рад что это полезно коллегам))
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

eponez
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 13 апр 2015, 13:39
Версия Web Builder: 14.2.2
Контактная информация:

Адаптивный дизайн (мини хэлп)

Сообщение eponez » 29 ноя 2016, 22:29

в начале темы:" всякие тексты в кнопках не делайте длинными, так как тело кнопки адаптируется, а текст кнопки ни фига."----извините-но что то не получается.Может не все элементы подобное поддерживают?
Изображение

Аватара пользователя

eponez
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 13 апр 2015, 13:39
Версия Web Builder: 14.2.2
Контактная информация:

Адаптивный дизайн (мини хэлп)

Сообщение eponez » 30 ноя 2016, 11:18

Всё,сам разобрался-поменял объект.Больше никак.

Аватара пользователя

Mikel
Читатель
Читатель
Сообщения: 12
Зарегистрирован: 02 ноя 2016, 11:21
Версия Web Builder: 11.2.4

Адаптивный дизайн (мини хэлп)

Сообщение Mikel » 08 дек 2016, 13:20

Всем привет! Для того чтобы, сайт был адаптивным, сколько нужно указывать точек останова, чтобы при проверке в браузере не было горизонтального скролла? Только самые основные разрешения или промежуточные тоже с ними?

Аватара пользователя

Masimka93
Экспериментатор
Экспериментатор
Сообщения: 91
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 14.2.2
Имя: Макс

Адаптивный дизайн (мини хэлп)

Сообщение Masimka93 » 14 июн 2017, 11:59

Добрый день!
Подскажите, как сделать адаптивным Маркированный список (BulletedList)?


Ответить Вложения 3

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость