Сегодня Мы для Вас подготовили очередной вариант движущихся кнопочек с социальными сетями, в которых Ваши самые преданные юзеры будут рассказывать о Вашем замечательном сайте. Кнопки плавающие, созданы на базе 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 |