» »

Социальные иконки выезжают для uCoz


Социальные иконки выезжают для uCoz

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

Там где видите на сайте их.

Код
<div class="menu">  
<i><a href="адрес ссылки" ><img src="/soc_icons/vkontakte.png" alt="Vkontakte"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/twitter.png" alt="Twitter"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/google_plus.png" alt="Google"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/facebook.png" alt="Facebook"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/odnoklassniki.png" alt="Ok"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/linkedin.png" alt="Linkedin"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/youtube.png" alt="Youtube"class="icon"></a></i>  
<i><a href="адрес ссылки" ><img src="/soc_icons/rss.png" alt="Rss"class="icon"></a></i>  
</div>


Вставьте в таблицу стилей CSS

Код
.menu {  
  text-align: center;  
  height: 60px;  
  overflow: hidden;  
  cursor: default;  
}  
   
.menu i {  
  position: relative;  
  top: 30px;  
  transition: .2s ease;  
}  
   
.menu i:hover {  
  top: 9px;  
}  
.icon {  
  border-radius:10px;  
}


Но для начало, загрузку производим, скачиваем архив и все в папку soc_icons корень сайта, если нет такой, то создается.

Источник: Internetempire.ru
13.01.2016 Загрузок: 3 Просмотров: 417 Комментарий: (7)

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

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

Комментарий: 7
Maryges
Maryges 13.01.2016 01:241
0
Что то новое теперь можно и на сайте поставить, то только такой эффект на всяких блогах и видел.
Сафрон
Сафрон 13.01.2016 01:272
0
Но, а что uCoz будет в стороне, не угадали, теперь и здесь можно поставить.
Canon
Canon 13.01.2016 01:314
0
Не только на блогах, можно было увидеть этот скрипт, так как и на сайтах он есть.
csretven
csretven 13.01.2016 01:293
0
А главное подобрали, те социальные сети, которые как раз нужны, и основном у кого то есть профиль на них.
Kosten
Kosten 13.01.2016 01:407
0
Вот этим он и отличается и сразу идет той подборкой, которую основном предпочитают.
Kvint
Kvint 13.01.2016 01:345
0
Давно мне попадался этот скрипт, но думал он не для этой системы, хотя основном все скрипты под нее и идут, а так нормальная подборка, но что они прыгают, мне как то все равно.
tsakonter
tsakonter 13.01.2016 01:386
0
Да как то простым привык, а так этот скрипт здорово смотрится.
avatar