Резиновый Угловой Баннер

[qvvi 9]

Привет!

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

Суть в том, что нужна угловая картинка с ссылкой, которая бы перемещалась вместе с скроллом и постоянно находилась бы в углу, вне зависимости от разрешения, ну читай баннер. Погуглив, нашел это:

 

Для начала откройте файл footer.php и в самом конце перед закрывающимся тэгом </body> вставьте вот такой код:

<div class="lenta"><a href="ссылка на страницу" target="_blank">Название ссылки</a></div>

 

Мы создаем отдельный класс lenta, в котором указываем ссылку на нужную нам страницу и ее описание.

 

Следующим нашим шагом будет добавление кода:

 

.lenta{ background: url('полный путь до картинки-баннера') no-repeat 1px 1px; width: 150px; height: 150px; position: fixed; top: 0px; right: 0px; z-index:10; } .lenta a{ text-decoration: none; text-indent: -2000px; display: block; width: 205px; height: 49px; margin: 43px 2px; -o-transform: rotate(44deg); -webkit-transform: rotate(44deg); -moz-transform: rotate(44deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

 

в самый конец файла стилей style.css

 

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

Так вот, может кто просветит, как бы это вопротить конкретно на SW?

[DarkRealm 24]

после тега </body> или перед ним, вставьте:

<a href="http://site.ru" target="_blank" style="position: fixed; bottom: 0; right: 0;"><img src="http://site.ru/img.png"></a>

 

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

[dewell 20]

позиции положения картинок:

top - верх

bottom - низ

left - левая сторона

right - правая сторона

 

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