Здравствуйте. Столкнулся с такой проблемой при создании резинового сайта. При масштабировании фоновая картинка всегда на месте и не масштабируется при уменьшении браузера. (Особенно это косячно выглядит, если на фоне лицо человека - элементы перекрывают его на небольших мониторах)
Хочу сделать чтобы, фоновая картинка слоя масштабировалась вместе с контентом хотя бы до ширины рабочей области 1200 px.
В свойствах слоя выставляю: 1) относительно горизонтальный размер 2) относительно горизонтальная позиция 3) выравнивание по центру
Вот, например здесь как надо:
http://kirillpryadukhin.ru/
http://www.yurlex.ru/
http://vetatlas.ru/
У меня выходит вот так:
http://biznes2.kirillpryadukhin.ru/
http://academy-of-capital.ru/
И мы не говорим сейчас про мобильные версии. Мобильные версии решают эту проблему, но есть ли возможность без нее так сделать?
Как создать масштабируемый слой/фон
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
dred
- Втянувшийся

- Сообщения: 64
- Зарегистрирован: 01 фев 2016, 08:31
- Версия Web Builder: 12.5
- Имя: DREDD
Как создать масштабируемый слой/фон
Делайте фоновую картинку, ширина 1920 выставляйте, не повторять, по центру и пропишите cover и будет счастье вамМногая речь на устах — еще не залог разуменья.
-
foy800
- Читатель

- Сообщения: 18
- Зарегистрирован: 10 сен 2014, 10:24
- Версия Web Builder: 9
Как создать масштабируемый слой/фон
Спасибо. Есть проблема если фон предполагает быть по всей длине страницы. Делаю длинный из нескольких картинок фон в 1920 пкс.шириной и далее как у вас и верхняя часть пропадает.
-
dred
- Втянувшийся

- Сообщения: 64
- Зарегистрирован: 01 фев 2016, 08:31
- Версия Web Builder: 12.5
- Имя: DREDD
Как создать масштабируемый слой/фон
Смотреть надо проект, так не могу сказать у меня все ок было версия 11.6 лицензия
Многая речь на устах — еще не залог разуменья.
-
foy800
- Читатель

- Сообщения: 18
- Зарегистрирован: 10 сен 2014, 10:24
- Версия Web Builder: 9
Как создать масштабируемый слой/фон
Сможете скинуть пример своего проекта, чтоб глянул?
У меня тоже лицензия - месяца 3 назад покупал.
У меня тоже лицензия - месяца 3 назад покупал.
-
e332va
- Сведущий

- Сообщения: 156
- Зарегистрирован: 19 июн 2014, 14:11
- Версия Web Builder: 14.2.2
- Имя: Степан
Как создать масштабируемый слой/фон
Купил 11 версию, а вкладки COVER нет, в чем косяк???
_____________________________________________
Делаются проекты на версии программы 18.1.1:
1. Интернет- магазин - OrelPandora
2. Трансферная компания - ОрелТрансфер
3. Компания ОрёлДилер
4. Рекламное агентство PLAZMA TV
5. Всё для праздника - ОрелПраздник
Делаются проекты на версии программы 18.1.1:
1. Интернет- магазин - OrelPandora
2. Трансферная компания - ОрелТрансфер
3. Компания ОрёлДилер
4. Рекламное агентство PLAZMA TV
5. Всё для праздника - ОрелПраздник
-
anonimus
- Moderator

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

