03.08.2014

Неподвижный баннер в углу браузера

Нажмите на изображение для просмотра в полном размере
Неподвижный баннер в углу браузера
Данная статья поможет вам зафиксировать любой материал в углу вашего сайта, а при прокрутке местоположение не будет меняться, то есть фиксированное окно в углу сайта.
В общем самый простой способ сделать это с помощью атрибута `div`
Вставляем код в любое место шаблона страниц сайта:
Код
<div id="csm">Этот блок можно разместить где угодно на странице. И при появлении прокрутки он будет всегда с Вами</div>
  


В CSS стиль вставляем:
Код
#csm { position:fixed; width:468px; height:60px; top:10px; right:20px; }

А теперь как настроить:
width - ширина окна
height - высота окна
top - верхний отступ от края сайта
right - отступ с правой стороны от угла сайта

И так пример кода со вставленным изображением:
Код
<div id="csm"><a href="http://www.csomsk.ru/" target="_blank"><img src="http://www.csomsk.ru/sniper/banner-cs.png" border="0" title="Лучшмй сайт юкозовской и кс тематики!" width="468" height="60"></a></div><style>#csm { position:fixed; width:468px; height:60px; top:10px; right:10px; }</style>


А вот что получилось:



В общем код редактировать можно как угодно, можно добавить фон, сделать окно чтобы сворачивалось или закрывалось
Понравилось:
Категория: Советы по раскрутке оптимизации и поднятию Тиц Просмотров: 2775 Комментариев: 0
К публикации нет комментариев, но Вы можете стать первым, оставив свой комментарий!