«Георгиевская лента» на сайтах

Как разместить ленту?

Существует множество способов вставить картинку в верстку своего сайта и каждый зависит от того, по какому принципу сверстан html-макет вашего сайта. Наиболее быстро и удобно будет размещать изображение тем, у кого «слоеная» верстка (с использованием z-индексации). В этом случае вставить див с картинкой между или поверх слоев с элементами верстки будет очень просто:


<div style="position: absolute; z-index: 10; width: 33px; height: 113px; right: 180px;"><a href="http://rshu.ru/176" target=_blank><img src="http://rshu.ru/img/9may_for_all.gif" title="Георгиевская лента в интернете" border="0"></a></div>


В приведенном примере отдельным слоем (с порядок 10) вставляется div с абсолютным позиционированием (с отступом от правого верхнего угла браузера на 180 пикселей в лево). Картинка берется с сайта www.rshu.ru, но ничто не мешает разместить ее у себя на хостинге. Приведенный код работает в любом браузере.

Сейчас на картинку повешена ссылка, которая ведет на этот текст. Если вы считаете это неправильным, можете переопубликовать этот текст у себя и изменить ссылку на свою. Мы не требуем размещать на нас ссылку! Наоборот — поставим ссылку на ваш сайт с ленточкой.

Если вдруг дизайн сайта не подразумевает размещение ленты в этом месте — поиграйтесь с параметрами, но, желательно, чтобы лента осталась «свисающей» от верхней кромки окна браузера.

Для хозяев сайтов напоминаем — добавить ленту в верстку очень просто и не составит большого труда для разработчиков вашего сайта (что бы они там не говорили). Обращайтесь к ним смело — разместить ленту у них займет максимум пять минут.

Новость от 6 мая 2008