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

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

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

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

 

4162236306.png

 

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

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

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

Комментарии

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

    Поддержка работает ???????

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

    Вы открыли тикет в тикет-системе. Ответ на Ваш запрос отправлен.

    Если хотите связаться с менеджером, то это можно будет сделать по Скайп, но только в будние дни. Онлайн-поддержка посредством Skype доступна с 10 по 18 часов по Москве в будние дни. Учетная запись lpgenerator.

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

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

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

    Ответил

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

    Вы пишете другое совсем не по вопросу

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

    Ерись полная - если будет одно и то же изображение в обоих формах в разных местах - оно не будет во едино..

     

    При чем тут вообще речь о размещении картинки. это понятно и ребенку?

    НУЖНО СДЕЛАТЬ КАК НА ПРИМЕРЕ ВО ВТОРОМ ПОСТЕ ЭТОЙ ВЕТКИ.Есть компетентный человек кто ответит. Возможно я вам довести не могу - вы уточните - если не понятно.

    НУЖНО СДЕЛАТЬ ЧТОБ ВНУТРЕННЯЯ РАЗМЕТКА БЫЛА РАСПОЛОЖЕНА В РЕДАКТОРЕ И ПРИ ПРОСМОТРЕ КАК НА ПРИМЕРЕ ДВИРЕЙ.

    ОНА РАСПОЛОЖЕНА ПО ЦЕНТРУ ДВЕРЕЙ.

    И ВОПРОС ЗА ЧТО ОТВЕЧАЕТ ШИРИНА ОСТАЕТСЯ В СИЛЕ.

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

    Либо предложите как еще решить вопрос.

    Вы же ко мне на страницы заходили в редакторе и смотрели там и пытались дать ответы - когда страниц пробных по двери уже не существовало. Остались только скрины.

    Мне оставить черновик на эту тему а вы подкорректируете и опишете действия какие вы сделали ? Иначе по вашим подсказкам результата нет - возможно если вы сами проделаете то о чем прошу - вам станет яснее вопрос.

     

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

    Я оставил единственную страницу. зайдите - покажите как в ней сделать - чтоб внутренний блок был по центру дверей.

    Его смещение возможно только изменением ширины - тогда вопрос -на что влияет ширина.

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

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

    Если в примере дверей все сделано руками отцентровано каждый элемент - как задать границы в редакторе - чтоб видеть направляюшие именно в рамках самой двери не картинке по которым руками расставлять элементы ?У меня открыт для вас единственный шаблон.По которому можно объяснить тему - посмотрите  настройки. Либо переспросите - что вам не понятно в моем вопросе

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

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

    Приносим извинения за возможно предоставленные неудобства.

  • Avatar
    Анна

    У меня не получается поменять фон, черт возьми. Я задаю цвет фона в соответствующем меню (предваритеьно щелкнув на фоне), выбираю цвет, а он не меняется!

  • Avatar
    Дмитрий

    Здравствуйте, Александр!

    Напишите письмо на support@lpgenerator.ru с описанием проблемы и страницы, на которой она возникла. Наши специалисты помогут поменять фон.

  • Avatar
    Олеся Тарасова

    Про то как зафиксировать фон и растянуть на всю ширину окна нашла по ссылке ниже, но вот как этот код воткнуть в lpgenerator'е?:

    http://likbezz.ru/publ/coding/css/how_to_fix_and_stretch_the_background_to_the_width_of_your_browser/15-1-0-81

    <style type="text/css">
    /StartStyle/
    html,body{background-color:transparent;}
    html{background:transparent url(_st/fon_v0.jpg) no-repeat center center fixed;
    -moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) /
    -o-background-size:102% auto; /
    Opera 9.5 /
    -webkit-background-size:102% auto; /
    Safari 3.0 /
    -khtml-background-size:cover; /
    Konqueror 3.5.4 /
    background-size:cover; /
    CSS3 /
    }
    /*EndStyle
    /
    </style>

  • Avatar
    Алена Балакина

    Здравствуйте, Олеся!

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

    Впишите ссылку на изображение, которое будет фоном страницы. В редакторе оно отображаться не будет, Вы увидите фон при просмотре и входе по URL страницы.

    Положение кода "Внутри тега < HEAD >":

    <style>
    body {
    background: url(http://ссылка на изображение для фона) no-repeat;
    background-size: 100%;
    }
    </style>

  • Avatar
    Пользователь aokha.aj

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

    Присоединяюсь. Столкнулся с этой проблемой. Ребята, за такие деньги можно бы и реализовать функцию скроллинга. А то делаю современный игровой лендинг, а фон просто тупо обрывается и начинается новый, при прокрутке...Вы уж постарайтесь учитывать пожелания пользователей (хотя бы платных). Чтоб не повадно было альтернативу искать. Спасибо.

  • Avatar
    Алена Балакина

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

    Для статичного фона, который заполняет 100% экрана используйте скрипт.
    Положение скрипта внутри тега <HEAD>:

    <style>
    body
    {
    background: url(ССЫЛКА НА ИЗОБРАЖЕНИЕ) no-repeat;
    background-attachment:fixed;
    background-size: 100%;
    }
    </style>

    Как получить корректную ссылку на изображение читайте здесь: https://lpgenerator.zendesk.com/hc/ru/articles/201854138-%D0%9A%D0%B0%D0%BA-%D0%BF%D0%BE%D0%BB%D1%83%D1%87%D0%B8%D1%82%D1%8C-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D1%83-%D0%BD%D0%B0-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B2-%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80%D0%B5-LPgenerator-

  • Avatar
    Алексей

    Здравствуйте, у меня нет возможности размножить изображение а редакторе, в чем причина?

  • Avatar
    Максим Гуйван

    Здравствуйте, Алексей!

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

    Описание процедуры очистки кэша:
    http://lpgenerator.ru/blog/2014/05/23/kak-ochistit-kesh-brauzera-i-otklyuchit-rasshireniya/

    Если проблема всё же не решится - напишите в нашу службу поддержки, и обязательно укажите адрес страницы, на которой наблюдается проблема.

  • Avatar
    Иван

    Поддерживаю про статичный фон! Он нужен!

  • Avatar
    Алена Балакина

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

    Для реализации статичного и немасштабируемого фона страницы:

    1) Зайдите в свойства страницы, установите цвет внутреннего фона, а затем нажмите "Прозрачный". Скриншот: http://prntscr.com/5kefqw

    2) Скопируйте код

    <style>
    body{
    background: url(http://elitefon.ru/images/201302/elitefon.ru_33597.jpg) no-repeat;
    background-attachment:fixed;
    background-size: 100%;
    }
    </style>
    
    

    Замените ссылку на URL своего изображения и вставьте код с помощью инструмента "Скрипты" внутри тега <HEAD> : http://prntscr.com/5kegd4

    3) Код можно применять и к конкретной секции. Для этого надо добавить его в расширенные свойства секции:

    background: url(http://elitefon.ru/images/201302/elitefon.ru_33597.jpg) no-repeat;
    background-attachment:fixed;
    background-size: 100%;
    
    

    Cкриншот: http://prntscr.com/5kehf6