Плавающий блок v2

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

Итак, вот сам скрипт:
{literal}<style type="text/css"> 
.seo-men_fixed.block {
    position: fixed;/*Никуда не девается блок при прокрутке страницы с этим стилем*/
    top: 40%;/*Тут настраиваем отступ с верху в процентах*/
    left: 5px;/*Чтобы было с права нужно заменить left на right и можно еще изменить отступ*/
    border: 1px solid #eee;/*Размер и цвет рамки*/
    padding: 5px 5px 5px;/*Размеры отступов в пикселях*/
    width: 32px;/*Ширина блока*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
</style>
<div class="seo-men_fixed block">Содержимое блока</div>{/literal}


Демо.

Сжатый код:
{literal}<style type="text/css">.seo-men_fixed.block{position:fixed;top:40%;left:5px;border:1px solid #eee;padding:5px 5px 5px;width:32px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}</style>
<div class="seo-men_fixed block">Содержимое блока</div>{/literal}


Теперь немного про интеграцию:
1. Чтобы LS не выдавал фатальную ошибку, необходимо весь скрипт обрамить тегами {literal}{/literal}
2. Сам CSS массив можно вставить в основной файл style.css, но изменения появятся, только после сброса кеша и во время загрузки сам скрипт будет кривым, а если все вместе вставить, то будет норм.

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

1 комментарий

avatar
Отличная реализация, ещё раз спасибо..:)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.