ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Виджет социальных закладок для uCoz

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

Виджет социальных закладок для uCoz
В чем заключается работа этого кода. Сейчас создают сайты и под эти сайты на социальных порталов создают скажем так отделение от сайта. Что можно туда зайти узнать что то что нет на сайте или просто параллельно вести группы сайтом, но конечно связаны с тематикой основного портала, где и будит находится эти две кнопки. Что при нажатие по прямой ссылке попадаешь на них.

Адаптивный кнопки соц сетей на CSS для сайта

Установка:

ПУ, далее Главная » Управление дизайном » Редактирование шаблонов » Страницы сайта
вставляем код перед тегом
Ставим этот код и меняем ссылки:

Код
<!-- соц виджеты vk и twitter/ -->  
<script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/md-socwidget.js"></script>  
  <div class="share"><div class="shadow"></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 Августа 2013 Загрузок: 10 Просмотров: 2213 Комментариев: (4)

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

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

Оставь свой отзыв

Комментарии: 4
-SAM-
-SAM- 29 Января 2020 09:541
0
Kosten
Kosten 29 Января 2020 14:462
0
Здесь по мне сделать замену, хотя вероятно ссылка по сути там не нужна, так как можно с архива закрепить, но как в большинстве знаю, что для новичка этот гемор лишний, здесь нужно поставить и сохранить, перегрузить страницу и наслаждаться.

Как будто свою историю переписал!
Kosten
Kosten 29 Января 2020 17:233
0
Проверял на сервис codepen.io, где все прописал, и почему то не работает, а точнее нет выдвижение.

Перейти

По какой может быть причины?
-SAM-
-SAM- 31 Января 2020 03:354
0
Там нужно заливать содержимое, что указано в самом скрипте (картинки с битыми путями). То же касается и скрипта, что залили в файловый менеджер на ZorNet и прописали в материале.
avatar