how-to [How-To] Создаём "плавающую" ссылку

[tim21701]

Создаём "ненавязчивую" ссылку.
Этим же методом, можно разместить любое изображение, сделав таким образом маленькую рекламу.

Пример:



Кидаем любое изображение в папку catalog/view/theme/default/image

Открываем файл catalog/view/theme/default/stylesheet/stylesheet.css и дописываем в любом месте:

div#followme{position:fixed;width:50px; /* указываем размер изображения по Ширине */height:50px; /* указываем размер изображения по Высоте */bottom:0px;right:2px;}

Далее, в файле catalog/view/theme/default/template/common/home.tpl перед строкой:

<?php echo $footer; ?>

Вставляем Ваш код: (изменив ссылку на свою)

<div id="followme"><a target="_blank" href="http://vkontakte.ru/tim21701" title="У Вас есть вопросы?"><img alt="" src="catalog/view/theme/default/image/followme.png"/></a></div>

Всё.

 

[trance]

Полезно! Спасибо

[SeregaS]

размер картинки должен быть 50х50. иначе изображение съезжает за край страницы.

[GoodSpeed]

Отличная фишка для интернет-магазинов!

[freelancer]

Возможно, вы имели в виду: плавающую