1 1 1 1 1 1 1 1 1 1 Рейтинг: 4.00 - 1 отзыв

Захотел как-то раз русский тракторист поставить себе баннер в шапку сайта. Модуль для баннера все могут ставить. А вот позиции для модуля "в шапке", в шаблоне не было. Как быть?

Забегая вперед скажу, что так же я решил и вопрос с расположением липкого баннера в самом верху сайта.

Новая позиция для модуля

денежный трактор

На самом деле мы можем создать новую позицию в любом месте нашего сайта на Joomla 2.5. И ставить в эту новую позицию любой модуль, будь то баннер или ссылка.

Идем в файл index.php, лежащий в папке работающего шаблона.

И после строки с body, пишем 

<div class="Имя стиля"><jdoc:include type="modules" name="Имя позиции"/></div>

Имя стиля и имя позиции могут быть любыми, латинскими буквами и понятными для вас.

Теперь открываем файл (там же в папке шаблона) templateDetails.xml. 

И в столбике где указаны имена позиций, добавляем строку с придуманной нами позицией.

<position>
    <position> Имя позиции </position>

 

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

И в "позиция модуля" ставим наше  "Имя позиции". 

Баннер появится в шапке, но будет стоять криво. Нужно уточнить позицию модуля в шаблоне.

 

Открываем файл template.css в папке css в шаблоне. И вписываем в самом конце следующий код.

.Имя стиля

{

display: block;

position: absolute;

 top: 100px;

 left: 55%;

 margin-left: -10px;

}

И изменяя цифры, можно двигать модуль на нужное место в шаблоне сайта. Вместо цифр с процентами можно писать размер в px.

Новая позиция модуля в Joomla 2.5 появилась. Можно ставить сколько угодно новых позиций и все они будут работать с шаблоном.

 

Расположить липкий баннер вверху сайта

Конкретная задача: поставить баннер сверху всего сайта (над меню), чтобы он был приклеен и не сдвигался вверх.

Решение

Делаем все так же, как и в примере вверху. Я поставил позицию и стиль "banner0".

В template.css пишу следующий стиль.

.banner0
{
position: relative;
z-index: 999;
}

Теперь этот баннер всегда будет самым верхним слоем.

Прописываю в свойствах модуля баннера (а я использую модуль, который идет в комплекте с плагином ADS Elite, для установки на сайте рекламы Google AdSense) и сразу ставлю расположение его по центру страницы) sticky и баннер становится липким (помните, как поставить себе липкий модуль Joomla на сайт?)

Возникает проблема

Если у вас, как у меня на одном проекте, стоит 2 липких модуля (один в сайдбаре, а другой, как учимся на этом примере, в шапке сайта), то верхний будет наползать на боковой, когда страница будет большая.

Лечение

1. Простое. Располагать верхний баннер, например слева. И делать его такой длины, чтобы он не перекрывал сайдбар, который справа.

2. Хитрое. Сделать над липким сайдбаром пустое место (поставить там липкий модуль html с пробелами, либо с картинкой цвета фона сайта), высотой в толщину верхнего баннера.Тогда верхний баннер будет скользить прямо до сайдбара,,и потом они продолжат свое движение прилипнув друг к другу, а не перекрывая.

мегахитрость

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

 

А вот так можно вставить модуль в статью и начать зарабатывать на тизерной рекламе.

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

Защитный код
Обновить