Оцените статью: 5 1 1 1 1 1 Рейтинг 5.00 (1 Оценка)

Привет!

В этой статье мы рассмотрим, как сделать плавающую кнопку на Joomla-сайте.

Делается это достаточно легко.

Для начала, нам нужна картинка кнопки, у меня вот такая:

123

Закидываем её на сайт в папку images.

Теперь идем в "Менеджер шаблонов" - выбираем нужный шаблон и кликаем на него, и нажимаем на "Изменить шаблон главной страницы".

Как сделать плавающую кнопку на Joomla-сайте

Ищем начало тега <body>. И вставляем данный код:

<pre><div class="go" style="position: fixed; left: 0; top: 33px;"><a href="#"><img src="/images/123.png" border="0"></a></div></pre>

плавающая кнопка joomla

Главный параметр - position: fixed; именно он отвечает за перемещение картинки, она как бы прикреплена к экрану.

Left и Top - это позиция для картинки (от левого края, от верха).

Вот и все, давайте посмотрим результат.

плавающая кнопка наверх joomla


Похожие статьи

Интересные статьи

Самые читаемые статьи



Рекомендуем хостинг

BeGet

 30 дней бесплатно!

Домены на .ru в подарок