Изображение во весь экран в браузере

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

Автор Темы
Grigoriy

Изображение во весь экран в браузере

Сообщение Grigoriy » 02 сен 2013, 12:28

Здравствуйте.
На форуме видел, как делать слой во весь экран в браузере, но не нашел как сделать изображение в формате png во весь экран в окне браузера.
Есть картинка размером 1308*642. После публикации её на сайт, она занимает положение положение по середине, как стоит в свойствах страницы для остальных объектов. Как сделать, чтобы только эта картинка была во весь экран?
И есть ещё одна картинка размером 88*88. Хочу её поместить в левый верхний край так, чтобы только эта картинка отображалась в левом верхнем углу. Как это сделать?
Есть есть фото галерея, которая расположена по центру страницы. Как сделать так, чтобы и она только отображалась по всей ширине экрана в браузере?

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

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

Re: Изображение во весь экран в браузере

Сообщение Mavik » 02 сен 2013, 12:58

1. Свойства страницы - Стиль - Фон - Изображение - Сжатый фон
2. Создать слой, размером 88*88. Его фон - твоя картинка. В свойствах слоя: Расроложение и размер - Прикрепляющийся слой - Прикреплять сверху.
3. Не получится. У тебя.
If you are right - no one remember!
If you are wrong - no one forgets!


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 02 сен 2013, 15:06

Mavik, спасибо!
По первому и второму пункту все получилось! По вашим рекомендациям получалось не так, как хотел, но по крайней мере понял, где эти настройки!
А как все таки сделать с фото галереей так? Она у меня расположена по середине страницы (размер 1000*461), и хочу, чтобы она тоже отображалась во весь экран в браузере.

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

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

Re: Изображение во весь экран в браузере

Сообщение Конструкторщик » 02 сен 2013, 15:12

Grigoriy писал(а):А как все таки сделать с фото галереей так? Она у меня расположена по середине страницы (размер 1000*461), и хочу, чтобы она тоже отображалась во весь экран в браузере.

Помести ее на слой(растянутый),экспортируй в html и в коде (вручную) задай ширину вместо 1000рх-100%.
Хотя не факт что,все ровно работать будет,но это надо экспериментировать.
Однажды купивший-будет платить все время.


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 02 сен 2013, 18:08

Думал, что получилось, но не совсем.
Хотел, чтобы в начале страницы фоном была картинка во весь экран в браузере, и уже по верх неё добавлять формы. Вроде все получилось, но как сделать так, чтобы она отображалась одинакового на всех мониторах? Сперва делал на ноуте, все норм было, а когда начал просматривать на большом мониторе, то в конце справа экрана картинка получается обрезанной. Как это можно исправить?
Не совсем понял, в каком коде исправлять? Через программу он не редактируется, не знаю как.

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

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

Re: Изображение во весь экран в браузере

Сообщение Mavik » 02 сен 2013, 18:19

Из анекдота:
- Нарисуй картину "Утренняя зеленопень"
- А что это?
- Видел восход солнца теплым летним утром?
- Ага!
- Ну вот, такой же, но зелёный!

Трудно шалон выложить для изучения, либо хоть скрин?!
If you are right - no one remember!
If you are wrong - no one forgets!


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 03 сен 2013, 01:07

Вообщем добавляю примерно то, что хочу получить в итоге. Сделал на скорую руку из того, что было и фото из других сайтов.
После загрузки вы увидите по первой и третьей картинке, что появляется полоса прокрутки при маленьком экране, и она обрезается при большом экране. По середине разместил фото галерею, которую тоже хотел сделать по такому принципу, но не знаю как и где исправить код на 100%.
Mavik, на третьей фоновой картинке есть форма заявки, при наведении на кнопку курсора она становится другой совсем, а потом исчезает, подскажи,пожалуйста, что я там не так накрутил?
Дубль.rar
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

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

Re: Изображение во весь экран в браузере

Сообщение Конструкторщик » 03 сен 2013, 01:46

Grigoriy писал(а):Вообщем добавляю примерно то, что хочу получить в итоге. Сделал на скорую руку из того, что было и фото из других сайтов.
После загрузки вы увидите по первой и третьей картинке, что появляется полоса прокрутки при маленьком экране, и она обрезается при большом экране. По середине разместил фото галерею, которую тоже хотел сделать по такому принципу, но не знаю как и где исправить код на 100%.
Mavik, на третьей фоновой картинке есть форма заявки, при наведении на кнопку курсора она становится другой совсем, а потом исчезает, подскажи,пожалуйста, что я там не так накрутил?
Дубль.rar

Не в упрек,но блин народ вы все одни и те же вопросы задаете..
Все эти проблемы уже обсуждались здесь.
Просто потратьте немного времени на просмотр форума.
Все с наскока хотят свои проблемы решить и получается,что одни и те же вопросы приходится по нескольку раз обсуждать.
Однажды купивший-будет платить все время.

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

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

Re: Изображение во весь экран в браузере

Сообщение Mavik » 03 сен 2013, 10:50

Вот что у меня показывает:
Изображение
Ясно написано - выкладывать шаблоны
Нету времени разбираться в недоделках.
Без обид.
If you are right - no one remember!
If you are wrong - no one forgets!


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 03 сен 2013, 11:21

спасибо за внимание.

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

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

Re: Изображение во весь экран в браузере

Сообщение Mavik » 03 сен 2013, 11:57

А вот обидок не надо! Я никогда не отказывал в помощи. Конструкторщик, постом выше, правильно заметил. Ходим кругами.
Люди!
Если покупаете "говношаблоны" от БМ то пусть они консультируют как это потом исправить.
Мы, в меру сил и времени, помогаем людям освоить программу, а не поправлять чьи-то недоработки. Бесплатно, заметьте!
If you are right - no one remember!
If you are wrong - no one forgets!


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 03 сен 2013, 12:17

Mavik, нет обидок!:)
Все прекрасно понимаю, буду искать дальше, как исправить.
И спасибо вам всем, кто помогает таким, как мы!


Автор Темы
Grigoriy

Re: Изображение во весь экран в браузере

Сообщение Grigoriy » 03 сен 2013, 15:06

Разобрался, как это сделать!
Напишу, как это сделать, вдруг кому пригодится.
Создаем слой, размером (1000*ХХХ), ХХХ-это уже кому сколько нужно будет. Помещаем в то место, где вы хотите, чтобы ваша картинка находилась. Заходим в свойства слоя, в поле "Режим" выбираете "Заголовок/подвал", ставите галочку на "относительно горизонтальная размерность", выравнивание ставите-по центру. В вкладке "стиль" выбираете режим "Изображение" и загружаете вашу фотографию (как мне кажется, чтобы отображалось на всех мониторах правильно, то чем больше сам размер фотографии по длине, то тем и лучше). Дальше повтор делаете "по горизонтали", равнение в первом поле "по центру", а во втором "сверху", и ещё в поле "избыток" поставьте "нет".

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

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

Re: Изображение во весь экран в браузере

Сообщение Конструкторщик » 03 сен 2013, 15:47

Grigoriy писал(а):Разобрался, как это сделать!
Напишу, как это сделать, вдруг кому пригодится.
Создаем слой, размером (1000*ХХХ), ХХХ-это уже кому сколько нужно будет. Помещаем в то место, где вы хотите, чтобы ваша картинка находилась. Заходим в свойства слоя, в поле "Режим" выбираете "Заголовок/подвал", ставите галочку на "относительно горизонтальная размерность", выравнивание ставите-по центру. В вкладке "стиль" выбираете режим "Изображение" и загружаете вашу фотографию (как мне кажется, чтобы отображалось на всех мониторах правильно, то чем больше сам размер фотографии по длине, то тем и лучше). Дальше повтор делаете "по горизонтали", равнение в первом поле "по центру", а во втором "сверху", и ещё в поле "избыток" поставьте "нет".

Молодец!
Всего лишь надо времени немного потратить-да форум подробней почитать..
Тут на 80% ваших вопросов уже есть готовые решения.
Однажды купивший-будет платить все время.

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

freud
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 30 июн 2015, 16:28
Версия Web Builder: 10

Изображение во весь экран в браузере

Сообщение freud » 04 июл 2015, 11:46

Все намного проще

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

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

Изображение во весь экран в браузере

Сообщение anonimus » 04 июл 2015, 15:57

freud писал(а):Все намного проще
class="img-responsive"

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


Закрыто Вложения 1

Вернуться в «Предварительный просмотр и публикация.»

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

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