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

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

Красивый 23:22 Виджет социальных закладок находится в правом верхнем углу экрана и находятся на видном месте так что любой посетитель захочет нажать на такую кнопку

Устанавливаем:
Зайти в панель управления » Управление дизайном » Редактирование шаблонов » Страницы сайта
вставить кодик перед тегом

Главное поменять ссылки на свои


Код
<!-- соц виджеты 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(http://pnghosts.ru/img/share-shadow.png) no-repeat;}  
.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(http://pnghosts.ru/img/twitter.png) no-repeat left top;cursor:pointer;}  
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(http://pnghosts.ru/img/vkontakte.png) no-repeat left top;cursor:pointer;}
23:22 Виджет социальных закладок
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: Turbo
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar