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;}

И не забываем скачать архив и залить несколько файлов в корень сайта.
2013-08-12 Загрузок: 10 Просмотров: 1698 Комментарий: (4)

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

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

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

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

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

Перейти

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