Главная » Скрипты для ucoz » Другие скрипты для ucoz

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






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

Это отличный хак социальных закладок, который подходит да же под HTML страницу!
Установка:
В тег <head> заключаем этот код:



Code
<script type="text/javascript" src="http://joomla.ucoz.com/33/themes/md-socwidget.js"></script>
  


После тега вставляем такой код:
Code
<!-- соц виджеты vk и twitter/ -->
  <div class="share">
  <div class="shadow"></div>
  <noindex><a href="http://site.ru/" class="twitter"></a></noindex>
  <noindex><a href="http://site.ru/" class="vk"></a></noindex>
  </div>
  <!-- соц виджеты vk и twitter / -->


В CSS стили вашего сайта в самый низ вставте такой код:
Code
/* стиль соц. виджетов 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(http://joomla.ucoz.com/33/themes/twitter.png) no-repeat left top;cursor:pointer;}
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(http://joomla.ucoz.com/33/themes/vkontakte.png) no-repeat left top;cursor:pointer;}


Готово.


  Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 24.04.2012

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
9 | AID пишет: | 25.04.2012 | 21:44 Страница с комментарием |
Цитата (FIGHTER) так не работает же еще

Будет работать если вы замените в первом коде ссылку:
http://site.ru/
на ссылку соответствующих закладок.
+ (0) -