Картинка адаптивно изменяющаяся под разрешение монитора  [РЕШЕНО]

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

Автор Темы
kothome

Картинка адаптивно изменяющаяся под разрешение монитора  [РЕШЕНО]

Сообщение kothome » 28 авг 2014, 11:52

Извините если повторяюсь, но не нашел то что мне нужно
Есть сайт http://gfee.ru/dietgum/
Хочу ради тренировки сделать копию на WB
Столкнулся сразу с проблемой
Первая картинка имеет размер 5000 на 1522 пикселя
но она изменяется адаптивно под разрешение размер экрана
Как сделать так же в WB?
Пробовал через слой, не получается.
Понимаю что это должно как то просто делаться, видимо что то не так делаю
Подскажите пожалуйста.

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

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

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение anonimus » 28 авг 2014, 12:42

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


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 28 авг 2014, 13:42

Почему то не получается.
Картинка все равно только по размеру слоя и не раздвигается на всю ширину
да еще к тому же и почему то сам слой по левому краю выравнивается, хотя я указываю по центру


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 28 авг 2014, 14:00

Кажется понял в чем дело
Нужно правую границу слоя выносить за пределы страницы и похоже что с вертикальной границей тоже самое


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 28 авг 2014, 14:10

Только теперь новая проблема, картинка не видна в редакторе, очень не удобно.

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

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

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение anonimus » 28 авг 2014, 16:09

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
==============


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 28 авг 2014, 16:22

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

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

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

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение anonimus » 28 авг 2014, 16:56

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


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 28 авг 2014, 17:22

Подложка для блока страницы, на указанном сайте первый блок.
Нет мне не нужно чтобы вы сделали, мне нужно чтобы я сделал.
Я в принципе сделал, но неудобство заключается что при таком размещении картинки на слое она не отображается в редакторе
и мне приходится на глазок подгонять остальные элементы.

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

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

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение anonimus » 28 авг 2014, 20:17

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
==============

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

Mavik
Опытный
Опытный
Сообщения: 733
Зарегистрирован: 29 июн 2012, 02:14
Версия Web Builder: 14.2.2

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение Mavik » 29 авг 2014, 14:27

If you are right - no one remember!
If you are wrong - no one forgets!


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 29 авг 2014, 16:44

Столкнулся с такими проблемами см. скриншоты
1.Почему то вдруг стали абракадаброй отражаться шрифты при предпросмотре (ничего не менял)
2.В редакторе не видно картинку, которую я вставил как свойства слоя (см скриншот предпросмотра)
3.Внизу пытаюсь вставить картинку, которая наполовину на слое, а на половину свисает или будет на другом слое,
а она почему то заезжает под слой и никак ее не могу выдвинуть вперед, пробовал через свойства объекта и наверх и вперед ничего не помогает.
Хочу сделать как на образце http://gfee.ru/dietgum/
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение Конструкторщик » 29 авг 2014, 17:08

kothome писал(а):Столкнулся с такими проблемами см. скриншоты
1.Почему то вдруг стали абракадаброй отражаться шрифты при предпросмотре (ничего не менял)
Слетела кодировка:смотри кодировку и ставь utf-8
2.В редакторе не видно картинку, которую я вставил как свойства слоя (см скриншот предпросмотра)
Картинка скорее всего на русском яз. или с пробелами
3.Внизу пытаюсь вставить картинку, которая наполовину на слое, а на половину свисает или будет на другом слое,
а она почему то заезжает под слой и никак ее не могу выдвинуть вперед, пробовал через свойства объекта и наверх и вперед ничего не помогает.
Вот так вот слои работают,задвигают все за себя,делай скрин между двумя разноцветными слоями и вставляй этот скрин новым слоем,затем уже на этом слое кидай сверху что нужно.
Однажды купивший-будет платить все время.


Автор Темы
kothome

Re: Картинка адаптивно изменяющаяся под разрешение монитора

Сообщение kothome » 29 авг 2014, 18:17

1.Кодировка стоит как и стояла изначально utf-8
Пробовал менять на кирилицу, таже картина, потом вернул обратно

2.Название картики по английски bg-header.jpg (не отображается она только в редакторе как видно из скрина, при просмотре отлично отображается) Подозреваю что редактор просто не сообразить какого размера ее показывать.

3.Насчет слоев жалко конечно, придется как то выкручиваться.


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

Вернуться в «Общие вопросы.»

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

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