База знаний
по возможностям платформы

Как создать фон страницы?

1. Выделите нужную секцию или блок, кликнув в редакторе по ней/нему 1 раз.

2. В правом меню "Свойства" найдите раздел "Фон" и выберите нужный цвет заливки или фоновое изображение из галереи:

 

4162236306.png

 

3. Если Вы добавляете фон из галереи, не забудьте в поле "Повторение" выбрать способ "Размножить", чтобы фон заполнил все пространство.

4. Сохраните изменения.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 4 из 6
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Пользователь nosinov

    Мне это пригодится, спасибо

  • Avatar
    Марина Элькинд

    Здравствуйте. А как сделать сплошной фон. Т.е. чтобы на компе с любым разрешением экрана картинка (фотография, к примеру) была одного размера. Сплошной фон - имею ввиду от края до края монитора прям. К примеру, как на этом сайте сверху: http://xn------5cdanbnebfdd3bsjvdtbr7ce0bp5wvc.xn--p1ai/ (http://xn------5cdanbnebfdd3bsjvdtbr7ce0bp5wvc.xn--p1ai/)

  • Avatar
    Лина Малькова

    Здравствуйте, Марина!

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

  • Avatar
    Пользователь pogudinfx

    Можно ли сделать фон(картинка) статичный, чтобы только внутренний блок прокручивался?

  • Avatar
    Лина Малькова

    Здравствуйте!

    К сожалению, статичный фон сделать нельзя.

  • Avatar
    Анна

    Добрый день! У меня в разделе фон редактируется только цвет (положения и повторения нет).. что делать?

  • Avatar
    Лина Малькова

    Здравствуйте! Пришлите, пожалуйста, ссылку на страницу в редакторе, проверим.

  • Avatar
    АЛександр Титов

    Ребята!! LPgenerator, сделайте возмозможность добавлять статичный фон!! Чтобы при прокрутке сайта(скролинг) фон оставался на месте. Сейчас это модно и очень круто, Жалко на вашем конструкторе нету такой фунции.

  • Avatar
    Николай

    Товарищи!!! Подскажите, плиз, как убрать эту полосу? она пришла ко мне из какого-то шаблона, перепробовал все, хочу чтобы фон был одинаковый по краям и верхушка не отличалась!

  • Avatar
    АЛександр Титов

    Николай. Нажми на эту полосу по середине странице и нажми Delete  на клавиатуре

  • Avatar
    Николай

    это не просто полоса, это такая секция (наверно для шапки сайта(баннера)).

    она на скрине выделена и в палитре свойств написано: "Страница" и одним из параметров я ее частично закрасил, но всю закрасить не получается

  • Avatar
    Лина Малькова

    Здравствуйте, Николай! Да, это секция. В открывающемся меню слева можно видеть все элементы страницы, найдите и выделите там эту секцию и тогда сможете удалить.

  • Avatar
    Пользователь musicedition

    Здравствуйте, как сделать меняющийся фон? чтоб несколько картинок постепенно заменяли друг друга? с интервалом. 

  • Avatar
    Лина Малькова

    Здравствуйте! Готового решения, к сожалению, нет. Есть возможность добавить на страницу слайдер. Пример реализации есть здесь: https://lpgenerator.zendesk.com/entries/23229051

    По аналогии можно добавить любой слайдер, код которого Вы можете найти в интернете.

  • Avatar
    Пользователь musicedition

    Спасибо! А как можно сделать фон прозрачным? чтоб он лишь частично закрывал основное изображение? в шаблонах есть такие прозрачные фоны, но как их создать самостоятельно ума не приложу

  • Avatar
    Лина Малькова

    Для изображения или блока, выделив их, в меню справа перейдите на вкладку "Расширенные" и пропишите там параметр 

     opacity: 0.5;  Значение параметра может быть от 0 до 1.

  • Avatar
    Пользователь musicedition

    огромное спасибо  :) 

  • Avatar
    Пользователь ibalar

    а можно сделать чтобы справа одно изображение было а слева другое?

  • Avatar
    Лина Малькова

    Здравствуйте! Если Вам нужно, чтобы в итоге изображения заполняли весь экран, то сначала объедините их в одно в любом графическом редакторе, а затем добавьте как фон для секции или внешний фон страницы.

  • Avatar
    Пользователь kobzon2000

    Еще раз пройдемся по второму вопросу из этой ветки. Cсылка  от туда же   http://xn------5cdanbnebfdd3bsjvdtbr7ce0bp5wvc.xn--p1ai/ (http://xn------5cdanbnebfdd3bsjvdtbr7ce0bp5wvc.xn--p1ai/)

    Интересует - хотя бы без привязки к разрешению. Как сделать полное заполнение. Ответ вижу в вашем последнем посте.

    Но! Есть какие то типовые размеры к вашей странице по ширине ? Внутренний и внешний  фон? Чтоб загнать в графический, задать фон 1280 например по горизонтали (или какого размера?) и вырезать внутренний - какого он размера? Вставить в редакторе  при условии чтоб ни чего не растягивать и состыковались  фоны в одну картинку по горизонтали.

    Можете алгоритм подсказать?

     

  • Avatar
    Лина Малькова

    Здравствуйте! Если Вам нужно сделать фон внешний и внутренний, то ничего объединять не нужно. Просто используйте два изображения: http://awesomescreenshot.com/0151tneo48

    Указать ширину страницы можно также в меню справа в разделе "Геометрия": ширина, обычно указано 960 рх.

    На указанном Вами примере использовано одно изображение размером 1920х581 рх на внешний фон.

  • Avatar
    Пользователь kobzon2000

    Не поняли меня - сути вопроса.

    Я понимаю в навигации редактора и вроде  понимаю что делаю

    Но если следовать вашему ответу - получается   http://pikucha.ru/ic9Jq

    В этом и суть вопроса. Не могу понять как сделать, чтоб получалось как на примере исходника. А не съезжала картинка.

    Ширина стоит 860 в исходниках - вы наверное ошиблись про 960 или ?

     

     

  • Avatar
    Лина Малькова

    Ширину страницы можете установить, какую Вам нужно.

    Чтобы изображение было по центру, настройте его положение: http://awesomescreenshot.com/0421tnqi23

  • Avatar
    Пользователь kobzon2000

    Согласен - туплю - но разобраться надо.

    Изображение настроено как вы и описывает с верху с лева.

    Различными параметрами пользуюсь картинка съезжает.

    Возможно что то не учитываю.

    Про ширину страниц разобрался - у разных вариантов страниц стандартных предлагаемых - разная ширина предлагается. На что она влияет - какая она мне нужна я не знаю

  • Avatar
    Пользователь kobzon2000

    Указать ширину страницы можно также в меню справа в разделе "Геометрия": ширина, обычно указано 960 рх.

    На указанном Вами примере использовано одно изображение размером 1920х581 рх на внешний фон.

     

    соответственно и ширину страницы указывать 1920?

  • Avatar
    Пользователь kobzon2000

    Можете отвлечься на меня - проделать  по операциям параллельно работу чтоб результат получить.

    Взял картинку из примера(размер тот же)  - вставил в пустую страницу - все выставлено как вы и пишете - картинка съезжает.

  • Avatar
    Пользователь kobzon2000

    Или этот пример с нуля делался с дверями - а я подставляю в шаблоны и пытаюсь чтоб у меня центр шаблона отцентровался по картинке и так не получиться ?

  • Avatar
    Пользователь kobzon2000

    К сожалению туплю и грамотнто вопрос задать не могу. Так как понять не могу в чем проблема.

  • Avatar
    Пользователь kobzon2000

    Вот что имею в виду http://pikucha.ru/ic9LL Вставив каринку в готовый шаблон. Меняя ширину - можно добиться, что блок из шаблона всета ки   встанет по центру двери. Параметр ширина - это параметр чего? Наскрине 960 - если поставить 500 - блок из шаблона переедет правее - но при этом фон вижу исходно целиком на 2х вариантах. Может это зависит от моего монитора - сижу примерно на 2 метровом - расширение 1920 на 1080.

    Как сделать - вставляю свою картинку.

    1920 так понимаю это оптимальное? И уже от разрешения пользователя - она будет показываться целиком или обрезаной? или сжатой ?

    И что бы блок свой по центру был - хотя бы разметка в редакторе? Или как раз параметром ширина задается ее расположение ?

    Правильно понял?

    Но при этом в редакторе я не вижу вставленую картинку целиком - только ее часть, когда увеличиваю ширину.

     

     

     

  • Avatar
    Пользователь kobzon2000

    Или какие от меня требуются вводные данные чтоб решить мой вопрос ? Возможно не могу довести вопрос правильно до вас

    В какое время вы оказываете поддержку именно здесь или как удобнее  с вами связаться?

На базе технологии Zendesk