Совет 1: Как создать глобальный блок

Если вы веб-мастер и руководите работой интернет-проекта, вам будет полезно узнать, как сделать на вашем сайте глобальный блок, позволяющий оптимизировать проект — с использованием глобального блока, вы можете применять изменения ко всему проекту, отредактировав только один из его шаблонов. Глобальные блоки дают много возможностей по оптимизации дизайна сайтов, а также ускоряют вашу работу и делают ее продуктивнее. Научиться создавать глобальные блоки несложно, если вы уже имеете представление об интерфейсе панели управления проектами Ucoz.
Как создать глобальный блок
Инструкция
1
Откройте панель управления вашего сайта. Зайдите в «Управление дизайном» - вы увидите разделы, среди которых будут глобальные блоки, конструктор шаблонов, быстрая замена, и так далее.
Зайдите на нужную вкладку (глобальные блоки) и нажмите «Добавить блок», оставив выделение на пункте «Глобальные блоки для обычной версии сайта». Введите в пустое поле название для нового глобального блока, используя только латинские буквы. Нажмите «Добавить», и блок будет создан.
2
Щелкните на название блока, чтобы открыть поле ввода HTML-кода. Измените шаблон так, как вам нужно, введите в пустое поле требуемый набор кода, а изменения сохраните. Скопируйте код блока и возвращайтесь к предыдущему меню.
3
В любом глобальном блоке перед названием должно находиться слово GLOBAL – таким образом, в коде блока вы увидите $GLOBAL_название блока$. Создавая другой блок, называйте его не так, как первый — и в его названии также будет слово GLOBAL, предваряющее основное название. Получившийся код, который вы скопировали, вставьте в шаблон туда, куда нужно.
Справа от заголовка $GLOBAL вы увидите красный крестик — он удаляет любой из созданных блоков, если в них пропадет необходимость.
Видео по теме

Совет 2 : Как на сайте добавить блок

Существует два типа верстки сайтов: табличная и блочная. И если первая более удобна для создания простых html-страниц, вторая идеально подходит в том случае, если необходимо добавить отдельные элементы в виде блоков.
Как на сайте добавить блок
Инструкция
1
Есть два приема, которые позволят вам самостоятельно разработать дизайн блока: с внедрением каскадных таблиц стилей в документ или с подключением их из внешнего ресурса. И тот, и другой дает один и тот же результат, поэтому принципиальной разницы между ними нет. В первом случае вставьте в любое место файла style.css следующий код:
.block1 {
}
Block1 – название блока, можно написать любое другое. Между фигурными скобками задайте параметры в формате: наименование атрибута>двоеточие>значение>точка с запятой (в т.ч. ставится перед фигурной скобкой). Обычно используются следующие элементы:
- width – ширина (500px, 100% и др.);
- height – высота (200px, 25% и др.);
- background – цвет фона (Yellow, Red, #000000);
- padding – отступы вокруг содержимого внутри блока (0px, 20%);
- margin – внешние отступы от блока (15px, 40%);
- border – рамка (border: solid 0px black;);
- float – выравнивание (left, right);
- border-radius – скругление углов (border-radius:10px;).
2
Во втором варианте использования CSS, пропишите стиль между тегами <head> и </head>:
<style type="text/css">
.block1 {
}
</style>
И добавьте нужные параметры.
3
Вставьте блок в нужное место на сайте при помощи команды:
<div class="block1"> Блок 1</div>
Сохраните и обновите страницу, он должен появиться. Имейте в виду, что выравнивание по высоте может зависеть от степени наполненности содержимым. Например, если вы задали 300px, а прописали всего одну строку текста, он будет отображаться не полностью. Исправить это можно, например, при помощи таблицы с нужными параметрами, которую следует поместить внутрь блока, т.е. между тегами <div class="block1"> и </div>. А чтобы границы не была видна, вставьте атрибут border="0" <table border="0">.
Полезный совет
Значения параметров padding, margin, border-radius могут быть заданы разные для каждой стороны блока. Для этого необходимо прописать их через точку с запятой:
- одно значение задает равный отступ от всех сторон (margin:5px;);
- если значения два, первое из них отвечает за верхний и нижний край, второе – за правый и левый (padding:10px; 20%;);
- три значения – первое регулирует верх, второе – правую и левую сторону, третье – низ (margin:5px; 15px; 20px;);
- четыре значения применяются поочередно к верхнему, правому, нижнему и левому краю блока (border-radius:10px 100px 60px 30px;).
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500