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

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

Яркий пример такого решения - сайт adme. Отключили они рекламу и сайт сдвинулся вверх, закрывая то место, где еще пять минут назад был баннер.

Ранее я рассказывал. как поставить модуль в любое место шаблона сайта. А в модуль можно было бы и баннер вписать. Но этим способом я пользуюсь, когда надо поставить модуль (например модуль корзины JoomShopping), поверх картинки хедера, а не вместо нее.

Как сделать баннер в Joomla выше меню, чтобы при его выключении, шаблон сдвигался вверх

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

Я переношу туда позицию баннера 1. Для этого нужно исправить два файла: index и template.

Идем в index.php шаблона.

Там сразу находим строку, отвечающую за вывод баннера 1 в том месте, где это предусмотрела Joomla:

<?php echo $view->position('banner1', 'art-nostyle'); ?>

Строка эта может слегка отличаться, но будет содержать "banner1".

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

Его нужно убрать, а на его место установить banner1.

Часть кода у меня выглядела так (я выделил код header):

</head>
<body>

<div id="art-main">

<header class="art-header"><?php echo $view->position('header', 'art-nostyle'); ?>
<div class="art-shapes">
</div>
</header>

И сделал я так:

</head>
<body>
<div id="art-main">
<div class="art-shapes">
</div>
<div style="text-align: center;"><?php echo $view->position('banner1', 'art-nostyle'); ?></div>

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

<div style="text-align: center;"><?php echo $view->position('banner1', 'art-nostyle'); ?></div>

Который ставит баннер по центру ширины страницы.

 

Тут надо отметить, что в данном примере я делаю баннер, вместо header. То есть "картинки" или имени сайта большими буквами, я вообще не предусматриваю. Если же header все же нужен, то код баннер необходимо поставить выше кода header и часть вторую можно не читать, так как код в template менять тогда не придется.

 

Сделать баннер в Joomla выше меню 2 часть


Теперь идем в файл template.css:

Ищем код класса header (в моем примере, он выделен красным и выглядит как art-header):

.art-header
{
margin: 10px auto 0;
height: 120px;
background-image: url('/../images/header.jpg');
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
width: 1050px;
z-index: auto !important;
}

.responsive .art-header
{
background-image: url('/../images/header.jpg');
background-position: center center;
}

И удаляем часть кода, выделенную красным. Она выводит картинку в header и указывает высоту header.

Все. Теперь располагаем как обычно любой баннер (можно и рекламы Google Adsense, например) в позицию banner1. И он появится в самом верху сайта, над меню. А когда баннер отключен, то нет пустого места, а весь сайт поднимается вверх.

Сделать баннер в Joomla выше меню

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

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