Автор: Баяс Батуев Рубрика: Блоговедение 2 комментария

Как установить баннер в шапке сайта

Здравствуйте, уважаемые читатели. Хочу показать самый простой способ установки баннера в шапке сайта: никаких сложностей, минимум настроек, а самое главное без ошибок в HTML и CSS.

 

 

Код любого рекламного баннера выглядит примерно так:

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

Это своего рода метка, с помощью которой будем регулировать положение баннера в шапке. Должно получиться вот так:

Открываем файл header.php и вставляем код сразу после <header id="header"> или по-другому говоря перед описанием сайта.

Далее в style.css добавьте следующий код:

.banner {
float: right;
margin: 0px 0px;
}

float: right; — баннер установится с правой стороны;
margin: 0px 0px; — изменяя первую цифру двигаете баннер вверх-вниз, вторую — влево-вправо.

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

По этому принципу можно вывести любое изображение, фото в заголовок. Я же определил туда поиск от Яндекса. На этом все, желаю удачи.

С уважением Баяс Батуев