Главная » Статьи » Сайты и все что связанно

Поделится в соц.сетях на CSS 3.0 - скрипт для UCOZ

Сегодня Мы для Вас подготовили очередной вариант движущихся кнопочек с социальными сетями, в которых Ваши самые преданные юзеры будут рассказывать о Вашем замечательном сайте. Кнопки плавающие, созданы на базе CSS 3.0 , смотрятся очень солидно и как-то не по укозовски. Сделайте свой сайт более солидным и установите кнопки рассказать в социальных сетях на свой сайт. Код универсален и годен для Всех модулей сайта. Установка в 2 шага - копирование кода в CSS и в шаблон сайта в любое нужное место.

# Установка кода 
# Заходим в Админ панель своего сайта
# Открываем Дизайн сайта > CSS шаблон и добавляем туда следующий код:

.socialNetworks {display:inline;margin-right:10px;} 
.socialNetworks:hover {display:inline;}
.link_me {bottom:0;margin-top:0px; margin-right:0px;}
.socialNetworks img {width:50px;height:50px;background:url(http://scripts-for-ucoz.ru/img_social/1/twitter.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;}
.socialNetworks img:hover {transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);position:relative;bottom:8px;right:4px;}

# Открываем Управление Дизайном и переходим в первый или второй контейнтер
# Туда копируем код, который находится чуть ниже:

<br>
<span style="font-size: 11pt;"><strong><em>Расскажи друзьям интересные новости:</strong></em></span><br
<div class="link_me">
<br>
<a target="blank_" href="http://cobra.lv/go?http://twitter.com/share?text=$SITE_NAME$&url=$HOME_PAGE_LINK$"><div class="socialNetworks"><img title="Перейти на сайт" src="http://scripts-for-ucoz.ru/img_social/1/twitter.png"></div></a>
<a target="blank_" href="http://bestnews.lv/go?http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$"><div class="socialNetworks"><img title="Перейти на сайт" src="http://scripts-for-ucoz.ru/img_social/1/vk.png"></div></a>
<a target="blank_" href="http://scripts-for-ucoz.ru/go?http://www.facebook.com/sharer.php?u=$HOME_PAGE_LINK$"><div class="socialNetworks"><img title="Перейти на сайт" src="http://scripts-for-ucoz.ru/img_social/1/facebook.png"></div></a>
<a target="blank_" href="http://csl.lv/go?https://plus.google.com/share?url=$HOME_PAGE_LINK$&t=$SITE_NAME$"><div class="socialNetworks"><img src="http://scripts-for-ucoz.ru/img_social/1/google.png"></div></a>
<a target="blank_" href="http://cs-karti-skachatj.ru/go?$HOME_PAGE_LINK$load/rss/"><div class="socialNetworks"><img src="http://scripts-for-ucoz.ru/img_social/1/rss.png"></div></a>
</div><br>
<br><em> 
<a target="blank_" href="http://scripts-for-ucoz.ru/load/socialnye_seti_i_zakladki/podelitsja_v_soc_setjakh_na_css_3_0_skript_dlja_ucoz/13-1-0-780">Установить на свой сайт!</a></em> 
</div><br>

 

 



Источник: http://scripts-for-ucoz.ru/load/socialnye_seti_i_zakladki/podelitsja_v_soc_setjakh_na_css_3_0_skript_dlja_ucoz/13-1-0-78
Категория: Сайты и все что связанно | Добавил: grot789 (02.04.2015) | Автор: ПОДЕЛИТЬСЯ В СОЦ. СЕТЯХ НА CSS 3.0
Просмотров: 764 | Теги: ПОДЕЛИТЬСЯ В СОЦ. СЕТЯХ НА CSS 3.0 | Рейтинг: 5.0/1
Всего комментариев: 0

Расскажи друзьям интересные новости:


Установить на свой сайт!