Полноэкранный блок

Полноэкранный блок — 100% высоты и ширины экрана.

Как создать первый экран сайта, чтобы он был 100% ширины и высоты экрана, а также чтобы контент на этом экране все время центрировался по высоте при изменении высоты экрана браузера? Многие задают такой вопрос. Вот и мой видеоответ появился с использованием бесплатного виджета — Полноэкранный блок.

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

Скачать виджет Полноэкранный блок

 

13 thoughts on “Полноэкранный блок

  1. Спасибо. Полезно и понятно. Давно искала информацию о полноэкранном отображении.

  2. Здравствуйте, воспользовался виджетом и когда на него вставляю текст или что-то другое в режиме редактора всё красиво(по середине), а когда смотрю в браузере сайт, то текст не в том месте вообще, что это значит?

    1. Здравствуйте. Смотрите внимательно куда Вы вставляете текст. Он должен быть расположен внутри кнопки состояния, которая размещается в проекте вместе с виджетом.

      1. А текст или другой элемент всегда будет «центрироваться» в полноэкранном модуле или можно расположить как тебе угодно?
        И вопрос не по теме, если можно. Почему указываю якоря в нужных местах, а на выходе по переходу по кнопке в меню, якоря не в тех местах?

        1. Если расположите текст или элемент вне кнопки состояния, то они не будут центрироваться в полноэкранном виджете. Что касается якорей — не совсем понимаю что значит «в тех или не в тех местах». Программа прокручивает сайт по якорной ссылке до начала якорной метки, там где вы ее расположили. Устанавливайте якоря с точностью до пикселя. Возможно Вы где-то что-то перепутали или назначили ссылку кнопке не на тот якорь.

          1. Да я понимаю, что надо до пикселей, но вот (http://wwweeqw.businesscatalyst.com/), кнопка «услуги» выставляю прям пиксель в пиксель, а якорь все равно съезжает ниже

          2. Я понял свою ошибку) Потому что у меня ж меню прилипающее)

          3. Да. У Вас меню зафиксировано вверху. Якорь нужно ставить раньше того места, до которого хотите прокрутить ровно на высоту меню, чтобы нужный блок начинался сразу под меню.

  3. Извините за столько вопросов, но я не до конца понимаю, как мне расположить элементы(например форму обратной связи или таймер) в полноэкранном модуле так чтобы они правильно встали(т.к заливка модуля у меня картинкой) и мне надо поставить например формусвязи так, чтобы она была ровно в окне браузера картинки (посмотрите пож-та сайт, который выше я прислал)

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Подтвердите, что Вы не бот — выберите самый большой кружок: