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

Привет!

 

В этой статье мы рассмотрим, как сделать плавающую кнопку на 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, .РФ, .ONLINE, .SPACE, .SITE, .WEBSITE, .FUN, .HOST, .PRESS, .PW.