Адаптивный сайт

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

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

Адаптивный сайт

Сообщение anonimus » 21 сен 2016, 02:15

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

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

PanDA
Экспериментатор
Экспериментатор
Сообщения: 92
Зарегистрирован: 05 сен 2015, 12:58
Версия Web Builder: 11.0.3
Контактная информация:

Адаптивный сайт

Сообщение PanDA » 21 сен 2016, 10:48

гляньте кто сможет плз
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

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

Адаптивный сайт

Сообщение anonimus » 21 сен 2016, 21:59

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

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

PanDA
Экспериментатор
Экспериментатор
Сообщения: 92
Зарегистрирован: 05 сен 2015, 12:58
Версия Web Builder: 11.0.3
Контактная информация:

Адаптивный сайт

Сообщение PanDA » 21 сен 2016, 23:35

anonimus, кто бы мог подумать :du_ma_et: я загордился лицензией, но позабыл, что русифицируют её "на коленке"
спасибо, сенсей :co_ol:

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

Автор Темы
stason56
Читатель
Читатель
Сообщения: 23
Зарегистрирован: 22 авг 2016, 21:12
Версия Web Builder: 10

Адаптивный сайт

Сообщение stason56 » 23 окт 2016, 23:34

KoT писал(а):stason56, надо сделать несколько картинок по ширине, соответствующей точкам останова (768, 320 и т.д.),но по длине, большей чем слой, на точках останова просто меняй фон слоя на другой, с конкретным размером, и будет счастье!


А можно подробнее, как это сделать? Точнее, сделал я три картинки, мне нужно в кждом режиме их как-то поменять? как это сделать?

Отправлено спустя 5 минут 48 секунд:
и когда я на размере 320 скрываю текст и пишу новый(мелкий) под размер, то получается у меня так: Изображение
И крупный текст мешает и не дает уменьшить слой по высоте, я же двигать его не могу.

Отправлено спустя 46 секунд:
https://yadi.sk/i/weg4PgtxxTTUN

Отправлено спустя 17 секунд:
ссылка на изображение

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

AnastasiiaVi
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 05 окт 2016, 10:26
Версия Web Builder: 11.2

Адаптивный сайт

Сообщение AnastasiiaVi » 25 окт 2016, 11:57

Ребята, помогите пожалуйста! Мучаюсь уже не первый день! :sh_ok:
(
1 вопрос. У меня куча белого пространства справа, когда смотришь на телефоне.
Кроме того, Хэдэр в мобильной версии смещается правее.

Очень хочется решить вопрос с белым пространством (оно априори при уменьшении размера)
:smu:sche_nie:
2 вопрос. В мобильной версии на предпросмотре с помощью http://quirktools.com/ все картинки красивые (которые параллакс), но сама на телефоне смотрю - все смазано. Как решить этот вопрос, подскажите? :smu:sche_nie:

Вот сайт
theyogaproject.ru
:ti_pa:
Спасибо.

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

AnastasiiaVi
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 05 окт 2016, 10:26
Версия Web Builder: 11.2

Адаптивный сайт

Сообщение AnastasiiaVi » 26 окт 2016, 11:56

Никто не знает?((((( :cry_ing:

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

PanDA
Экспериментатор
Экспериментатор
Сообщения: 92
Зарегистрирован: 05 сен 2015, 12:58
Версия Web Builder: 11.0.3
Контактная информация:

Адаптивный сайт

Сообщение PanDA » 26 окт 2016, 12:28

так хедер не адаптируется и вылазит в сторону, вот и "белое пространство"

точка останова меньше 480 есть?
стопудово программа должна выдавать ошибку, что для 320 "объект выходит за границы"

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

AnastasiiaVi
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 05 окт 2016, 10:26
Версия Web Builder: 11.2

Адаптивный сайт

Сообщение AnastasiiaVi » 26 окт 2016, 13:30

PanDA, То есть мне ввести max-width:320; в Custom Style?
Я делаю и не реагирует... Кроме того, если ввожу в одном расширении - то сразу копируется по всем страницам (я имею в виду и default, и 970, и 480, и 320)
Или что-то другое нужно?

ЗЫ: Ошибки не выводит, вообще нет ни одной..

Спасибо за ответ!)

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

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

Адаптивный сайт

Сообщение spoon » 26 окт 2016, 18:26

PanDA писал(а):stason56, я раз 30, не меньше просмотрел ролик испанца ))) не получается параллакс. Есть какие-либо требования к соотношению сторон картинки? Что вообще критично для этого эффекта?

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

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

AnastasiiaVi
Читатель
Читатель
Сообщения: 9
Зарегистрирован: 05 окт 2016, 10:26
Версия Web Builder: 11.2

Адаптивный сайт

Сообщение AnastasiiaVi » 01 ноя 2016, 14:58

В итоге решила не делать адаптивную версию. Не получилось(
Если кто узнает как исправить ошибки - напишите, пожалуйста. :ny_tik:

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

zaprom
Интересующийся
Интересующийся
Сообщения: 42
Зарегистрирован: 25 окт 2015, 22:24
Версия Web Builder: 9.4.4

Адаптивный сайт

Сообщение zaprom » 27 дек 2016, 01:56

A в чем разница между слоями и сетками?


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

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

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

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