Центрирование фона относительно контента сайта.

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

Автор Темы
rkrkrkrk
Читатель
Читатель
Сообщения: 5
Зарегистрирован: 13 ноя 2015, 18:32
Версия Web Builder: 10.3

Центрирование фона относительно контента сайта.

Сообщение rkrkrkrk » 13 ноя 2015, 19:24

Суть вопроса проста: контент шириной 960 пикс отцентрирован относительно браузера.
Позади есть фоновая картинка 2560 пикс (не паттерн и не одноцветная заливка(!)) Так вот незадачка - на любом устройстве при любом разрешении выводится отцентрированный контент, но!
фон всегда прибит к левой части браузера, как его отцентрировать? То есть сделать так чтобы при разных разрешениях экрана фон "срезался" и справа и слева одинаково, а не просто сдвигался вправо
Абсолютно верно работающий механизм http://mokselle-dev.ru/frontale/ Если уменьшать браузер с левого края вправо, то фон срезается браузером, а не двигается вправо относительно контента. Чего и хочется получить.
Возможно ли такое осуществить посредством веббилдера?

PS До сего отчаянного шага обратиться в форум, играл с настройками слоёв и контента 2 дня, перелопатил рунет и форум вдоль и поперек, но ответа так и не нашел. :cry_ing:

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Центрирование фона относительно контента сайта.

Сообщение Gudwinn » 13 ноя 2015, 19:34

делаете слой на всю ширину страницы, выставляете ему горизонтальную размерность, вставляете картинку в фон этого слоя, заполнение 100%, и всё время фон будет посередине. сверху этого слоя расставляете все остальные элементы
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
rkrkrkrk
Читатель
Читатель
Сообщения: 5
Зарегистрирован: 13 ноя 2015, 18:32
Версия Web Builder: 10.3

Центрирование фона относительно контента сайта.

Сообщение rkrkrkrk » 13 ноя 2015, 19:50

Спасибо Гудвин за столь скорую помощь!
Логическим путём я пришел к такому же алгоритму.
Но появилось сразу несколько вопросов.
В опциях страницы я выставляю 960 пикс.(верно ли?) На ней выкладываю слой со свойством Dock layer(верно ли). Выставляю слою значение 2560 по ширине и центрирование относительно страницы. Помещаю в него картинку размером 2560 пикс с выравниванием относительно слоя кверху по высоте и центр по ширине. Результат один и тот же, ну никак нехочет центрировать фон, а опять прибивает его к левому краю браузера.

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Центрирование фона относительно контента сайта.

Сообщение Gudwinn » 13 ноя 2015, 19:57

нет не верно, выставляете ширину слоя с картинкой на фоне 960 пикс
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

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

Центрирование фона относительно контента сайта.

Сообщение anonimus » 13 ноя 2015, 20:11

rkrkrkrk писал(а):Источник цитаты , а опять прибивает его к левому краю браузера.

слой делаете ровно по ширине страницы, т.е. 960 пикселей, а далее как на картинке
центрирование фона слоя
Изображение
кстати, картинку можно сделать шириной 1920 пикселей, в соответствии с разрешением full hd
лишняя ширина картинки это лишний вес сайту

центрирование общего фона страницы
Изображение

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

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

Автор Темы
rkrkrkrk
Читатель
Читатель
Сообщения: 5
Зарегистрирован: 13 ноя 2015, 18:32
Версия Web Builder: 10.3

Центрирование фона относительно контента сайта.

Сообщение rkrkrkrk » 13 ноя 2015, 20:25

Ребята спасибо! Благодаря Анатолию всё встало как надо. Но! У меня лендинг высотой 6500 пикс, мне пришлось выстроить фоны каждого блока лендинга в одну вертикальную картинку и поместить её фоном для всего сайта.
Что сильно влияет на весь страницы. Если вы обратите внимание на приведенный в самом начале топика пример, то там это реализовано через слои (как я понимаю) то есть можно сделать фоны для каждого блока лендинга отдельно. А в варианте Анатолия я могу засунуть фон только один раз.

Отправлено спустя 2 минуты 21 секунду:
Gudwinn писал(а):нет не верно, выставляете ширину слоя с картинкой на фоне 960 пикс


В этом случае он ужимает картинку размером 2560 пикс до своих 960 пикс, что не вариант :ne_ne_ne:

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

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

Центрирование фона относительно контента сайта.

Сообщение anonimus » 13 ноя 2015, 20:29

rkrkrkrk писал(а):Источник цитаты В этом случае он ужимает картинку размером 2560 пикс до своих 960 пикс, что не вариант

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

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Центрирование фона относительно контента сайта.

Сообщение Gudwinn » 13 ноя 2015, 20:57

если честно, не совсем понятно, как это вы 2 дня игрались с настройками и не выстрелило? математическое ожидание таково, что тупо методом перебора должно было выстрелить, так как проблема выеденного яйца не стоит)))
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

dlod
Экспериментатор
Экспериментатор
Сообщения: 78
Зарегистрирован: 11 июл 2015, 21:57
Версия Web Builder: 12.4
Имя: Дмитрий
Контактная информация:

Центрирование фона относительно контента сайта.

Сообщение dlod » 14 ноя 2015, 00:05

rkrkrkrk писал(а):Возможно ли такое осуществить посредством веббилдера? :cry_ing:

Если вы хотите, как на приведенном прмере, то тогда это делается так:
В исходнике слоя выбрать "Режим" - По умолчанию
Установить галочку - Отнасительный гориз. размер
Выравнивание - По центру

Стиль - Выбрать изображение
Повтор: Не повторять
Размер: Накрывает
Горизонтально: По центру
Вертикально: Сверху или По центру

Пример: http://trtr.96.lt/primer111.html

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

Автор Темы
rkrkrkrk
Читатель
Читатель
Сообщения: 5
Зарегистрирован: 13 ноя 2015, 18:32
Версия Web Builder: 10.3

Центрирование фона относительно контента сайта.

Сообщение rkrkrkrk » 16 ноя 2015, 12:51

Спасибо Admidtl, вопрос решен :co_ol:

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

Lemoner
Продвинутый
Продвинутый
Сообщения: 251
Зарегистрирован: 14 дек 2014, 19:31
Версия Web Builder: 14.2.2
Имя: Lemoner
Контактная информация:

Центрирование фона относительно контента сайта.

Сообщение Lemoner » 10 янв 2016, 16:57

amidtl писал(а):
rkrkrkrk писал(а):Возможно ли такое осуществить посредством веббилдера? :cry_ing:

Размер: Накрывает


Зачем ставить "накрывает"? Можно ничего не менять в этом поле.
SCRUM всему голова!

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

dlod
Экспериментатор
Экспериментатор
Сообщения: 78
Зарегистрирован: 11 июл 2015, 21:57
Версия Web Builder: 12.4
Имя: Дмитрий
Контактная информация:

Центрирование фона относительно контента сайта.

Сообщение dlod » 10 янв 2016, 22:42

сейчас работает, раньше вроде как без этого не работало (в более поздних версиях программы)


Ответить

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

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

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