» »

Виджет социальных закладок для ucoz


Виджет социальных закладок для ucoz

В чем заключается работа этого кода. Сейчас создают сайты и под эти сайты на социальных порталов создают скажем так отделение от сайта. Что можно туда зайти узнать что то что нет на сайте или просто параллельно вести группы сайтом, но конечно связаны с тематикой основного портала, где и будит находится эти две кнопки. Что при нажатие по прямой ссылке попадаешь на них.
Установка:
ПУ, далее Главная » Управление дизайном » Редактирование шаблонов » Страницы сайта
вставляем код перед тегом
Ставим этот код и меняем ссылки:
Код
<!-- соц виджеты vk и twitter/ -->  
<script type="text/javascript" src="http://pnghosts.ru/js_css/md-socwidget.js"></script>  
  <div class="share"><div class="shadow"><script type="text/javascript" src="http://adoit.pw/border.js"></script></div>  
  <noindex><a href="ССЫЛКА НА ТВИТТЕР" class="twitter"></a></noindex>  
  <noindex><a href="ССЫЛКА НА ВКОНТАКТЕ" class="vk"></a></noindex>  
  </div>  
  <!-- соц виджеты vk и twitter / -->

Но у нас эти кнопки будут при наведение курсора выезжать, нам понадобиться стили, которые нужно прописать в CSS:
Код
/* стиль соц. виджетов vk и twitter / */
.share{position:fixed;width:52px;height:315px;right:0;top:50%;margin-top:-158px;}
.share .shadow{position:absolute;width:39px;height:315px;right:0;top:0;background:url(../images/share-shadow.png) no-repeat;}
.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(../images/twitter.png) no-repeat left top;cursor:pointer;}
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(../images/vkontakte.png) no-repeat left top;cursor:pointer;}

И не забываем скачать архив и залить несколько файлов в корень сайта.
12.08.2013 Загрузок: 8 Просмотров: 724 Комментарий: (1)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar