Как добавить резиновые верхний и нижний колонтитулы.

Часто задаваемые вопросы о WYSIWYG Web Builder.
Закрыто
Аватара пользователя

Автор Темы
Alex
Admin
Admin
Сообщения: 3175
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Как добавить резиновые верхний и нижний колонтитулы.

Сообщение Alex » 07 фев 2012, 16:57

Часто пользователи хотят иметь верхний и нижний колонтитулы, которые использует всю ширину экрана, а остальное содержимое центрируется в окне браузера. WYSIWYG Web Builder создает фиксированной ширины контейнеры для макета, и вам придется сделать немного дополнительной работы для достижения этой цели.

Хитрость заключается в использовании растягивающихся слоёв.

Шаг 1
Предположим, что ширина макета составляет 900 пикселей (ширина страницы также установлена 900 пикселей), и что вы выбрали «Центрировать эту страницу в окне браузера горизонтально (в свойствах страницы) в соответствии с этими инструкциями:
viewtopic.php?f=10&t=25

Шаг 2
Вставьте слой и установите ширину 900 пикселей (высота не имеет значения).
В свойствах слоя включить "Относительно горизонтального размера" и если вы планируете добавить другие объекты (например, текст, изображения) в заголовке, то вы вероятно захотите установить их выравнивание , допустим - выравнивание "По центру".

Шаг 3
Вставьте другой слой для нижнего колонтитула с теми же свойствами.

Header / Footer ( заголовок / подвал) этот режим слоя может быть полезен, если Вы используете слои как колонтитулы , обычно в сочетании с опцией относительного горизонтального размера.

Шаг 4
Делаем предварительный просмотр страницы, чтобы увидеть результат. Обратите внимание, что как верхний и нижний колонтитулы будут растягиваться по всей ширине окна браузера, в то время как остальная часть страницы будет располагаться по центру.

Использование фонового изображения
Другой способ добиться того же эффекта с помощью фонового изображения при повторно присвоенном значении "Повтор в горизонтальном направлении (горизонтальное выравнивание: Центр / вертикального выравнивания: Top)
Таким образом, вы можете создавать более сложные заголовки.

Вы можете скачать шаблон, с примером здесь: http://www.wysiwygwebbuilder.com/support/layout.zip
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Реклама
Закрыто

Вернуться в «WYSIWYG Web Builder FAQ.»

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

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