Скажу сразу, что иконки и ссылки вы можете поменять на что то свое.
Установка:
1. Заливаем картинки в папку /images
2. На всех страницах находим код:
<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">
И перед ним ставим:
<div class="bg-icons"> <a href="ВАША ССЫЛКА на RSS"target="_blank" title="RSS подписка" class="rss-ic"></a> <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a> <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a> </div>
3. В style1.css в самый низ ставим:
.bg-icons { background: url(/images/bg-icons.png); height: 216px; width: 53px; position: absolute; top: 470px; margin-left: 960px; } a.rss-ic { background: url(/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(/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(/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;}
Проверено: IE9, Opera, Chrome
|