Страница 1 из 11
Форум » Ucoz » Скрипты » Боковая панель
Боковая панель
TicTac
Добавлено 24.10.2011 в 20:51 · Пост #1
Группа: Администраторы
Сообщений: 103


Установка:
1. Заливаем картинки в папку /images
2. На всех страницах находим код:
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"></a>   
            <a href="ВАША ССЫЛКА в контакте"target="_blank" title="Я Vkontakte" class="twi-ic"></a>   
            <a href="ВАША ССЫЛКА" в мире"target="_blank" title="Я в Мире" class="flcr-ic"></a>   
            </div>

3. В style1.css в самый низ ставим:
Code
.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





 

Форум » Ucoz » Скрипты » Боковая панель
Страница 1 из 11
Поиск:


Copyright UWinSoft © 2011
Хостинг от uCoz
Хостинг от uCoz