Извините если повторяюсь, но не нашел то что мне нужно
Есть сайт http://gfee.ru/dietgum/
Хочу ради тренировки сделать копию на WB
Столкнулся сразу с проблемой
Первая картинка имеет размер 5000 на 1522 пикселя
но она изменяется адаптивно под разрешение размер экрана
Как сделать так же в WB?
Пробовал через слой, не получается.
Понимаю что это должно как то просто делаться, видимо что то не так делаю
Подскажите пожалуйста.
Картинка адаптивно изменяющаяся под разрешение монитора [РЕШЕНО]
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Картинка адаптивно изменяющаяся под разрешение монитора
я не увидел в примере адаптивно изменяющуюся картинку
я вижу подложку из картинки которая всегда центрируется
делается это при помощи слоя
в слое делает фоном картинку нужную и в свойствах слоя ставите относительная горизонтальная размеренность
вот и всё
я вижу подложку из картинки которая всегда центрируется
делается это при помощи слоя
в слое делает фоном картинку нужную и в свойствах слоя ставите относительная горизонтальная размеренность
вот и всё

Подключение формы обратной связи 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
==============
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
Почему то не получается.
Картинка все равно только по размеру слоя и не раздвигается на всю ширину
да еще к тому же и почему то сам слой по левому краю выравнивается, хотя я указываю по центру
Картинка все равно только по размеру слоя и не раздвигается на всю ширину
да еще к тому же и почему то сам слой по левому краю выравнивается, хотя я указываю по центру
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
Кажется понял в чем дело
Нужно правую границу слоя выносить за пределы страницы и похоже что с вертикальной границей тоже самое
Нужно правую границу слоя выносить за пределы страницы и похоже что с вертикальной границей тоже самое
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
Только теперь новая проблема, картинка не видна в редакторе, очень не удобно.
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Картинка адаптивно изменяющаяся под разрешение монитора
kothome писал(а):Кажется понял в чем дело
Нужно правую границу слоя выносить за пределы страницы и похоже что с вертикальной границей тоже самое
наоборот не нужно
Подключение формы обратной связи 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
==============
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
У меня получилось так как я хотел, но можно ли сделать так, чтобы при этом картинку было видно и в редакторе, а не только при просмотрте?
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Картинка адаптивно изменяющаяся под разрешение монитора
я что-то не пойму, вас интересует подложка для какого-то блока страницы или фон всей страницы?
если вы не хотите, что бы мы гадали, то делайте скриншоты
можно конечно проще - я соединюсь с вашим компьютером и прям на нём всё посмотрю и сделаю как вам надо, но это уже платная услуга
если вы не хотите, что бы мы гадали, то делайте скриншоты
можно конечно проще - я соединюсь с вашим компьютером и прям на нём всё посмотрю и сделаю как вам надо, но это уже платная услуга
Подключение формы обратной связи 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
==============
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
Подложка для блока страницы, на указанном сайте первый блок.
Нет мне не нужно чтобы вы сделали, мне нужно чтобы я сделал.
Я в принципе сделал, но неудобство заключается что при таком размещении картинки на слое она не отображается в редакторе
и мне приходится на глазок подгонять остальные элементы.
Нет мне не нужно чтобы вы сделали, мне нужно чтобы я сделал.
Я в принципе сделал, но неудобство заключается что при таком размещении картинки на слое она не отображается в редакторе
и мне приходится на глазок подгонять остальные элементы.
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Re: Картинка адаптивно изменяющаяся под разрешение монитора
kothome писал(а):Подложка для блока страницы, на указанном сайте первый блок.
Нет мне не нужно чтобы вы сделали, мне нужно чтобы я сделал.
Я в принципе сделал, но неудобство заключается что при таком размещении картинки на слое она не отображается в редакторе
и мне приходится на глазок подгонять остальные элементы.
ну так делайте, я просто учу как это делать
а насчёт невидимости не знаю, у меня всё видно
я сказал как сделать, а почему у вас так как вы пишите я не могу сказать
значит что-то не так делаете
поставьте повтор только по горизонтали
возможно решите проблему
Подключение формы обратной связи 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
==============
-
Mavik
- Опытный

- Сообщения: 733
- Зарегистрирован: 29 июн 2012, 02:14
- Версия Web Builder: 14.2.2
Re: Картинка адаптивно изменяющаяся под разрешение монитора
If you are right - no one remember!
If you are wrong - no one forgets!
If you are wrong - no one forgets!
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
Столкнулся с такими проблемами см. скриншоты
1.Почему то вдруг стали абракадаброй отражаться шрифты при предпросмотре (ничего не менял)
2.В редакторе не видно картинку, которую я вставил как свойства слоя (см скриншот предпросмотра)
3.Внизу пытаюсь вставить картинку, которая наполовину на слое, а на половину свисает или будет на другом слое,
а она почему то заезжает под слой и никак ее не могу выдвинуть вперед, пробовал через свойства объекта и наверх и вперед ничего не помогает.
Хочу сделать как на образце http://gfee.ru/dietgum/
1.Почему то вдруг стали абракадаброй отражаться шрифты при предпросмотре (ничего не менял)
2.В редакторе не видно картинку, которую я вставил как свойства слоя (см скриншот предпросмотра)
3.Внизу пытаюсь вставить картинку, которая наполовину на слое, а на половину свисает или будет на другом слое,
а она почему то заезжает под слой и никак ее не могу выдвинуть вперед, пробовал через свойства объекта и наверх и вперед ничего не помогает.
Хочу сделать как на образце http://gfee.ru/dietgum/
У вас нет необходимых прав для просмотра вложений в этом сообщении.
-
Конструкторщик
- Эксперт

- Сообщения: 1419
- Зарегистрирован: 06 фев 2012, 14:01
- Версия Web Builder: 12.0.2
Re: Картинка адаптивно изменяющаяся под разрешение монитора
kothome писал(а):Столкнулся с такими проблемами см. скриншоты
1.Почему то вдруг стали абракадаброй отражаться шрифты при предпросмотре (ничего не менял)
Слетела кодировка:смотри кодировку и ставь utf-8
2.В редакторе не видно картинку, которую я вставил как свойства слоя (см скриншот предпросмотра)
Картинка скорее всего на русском яз. или с пробелами
3.Внизу пытаюсь вставить картинку, которая наполовину на слое, а на половину свисает или будет на другом слое,
а она почему то заезжает под слой и никак ее не могу выдвинуть вперед, пробовал через свойства объекта и наверх и вперед ничего не помогает.
Вот так вот слои работают,задвигают все за себя,делай скрин между двумя разноцветными слоями и вставляй этот скрин новым слоем,затем уже на этом слое кидай сверху что нужно.
Однажды купивший-будет платить все время.
-
kothome
Re: Картинка адаптивно изменяющаяся под разрешение монитора
1.Кодировка стоит как и стояла изначально utf-8
Пробовал менять на кирилицу, таже картина, потом вернул обратно
2.Название картики по английски bg-header.jpg (не отображается она только в редакторе как видно из скрина, при просмотре отлично отображается) Подозреваю что редактор просто не сообразить какого размера ее показывать.
3.Насчет слоев жалко конечно, придется как то выкручиваться.
Пробовал менять на кирилицу, таже картина, потом вернул обратно
2.Название картики по английски bg-header.jpg (не отображается она только в редакторе как видно из скрина, при просмотре отлично отображается) Подозреваю что редактор просто не сообразить какого размера ее показывать.
3.Насчет слоев жалко конечно, придется как то выкручиваться.
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя

