• 1334
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
  • Демо:

Сегодня поставим кнопки поделиться в социальных сетях.
Итак приступим
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,Распаковываем и заливаем в папку с шаблоном.
2.Там где хотим видеть кнопки добавляем этот код:

Код:
<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
<li class="shr-yandex">
<a href="http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&lurl={{ news.url.full }}&lname={{ news.title }}" rel="nofollow" class="external" title="Добавить в Yandex.Bookmarks"> </a>
</li>
<li class="shr-googlebookmarks">
<a href="http://www.google.com/bookmarks/mark?op=add&bkmk={{ news.url.full }}&title={{ news.title }}" rel="nofollow" class="external" title="Добавить в Google Bookmarks"> </a>
</li>
<li class="shr-twitter">
<a href="http://twitter.com/home?status={{ news.title }}+-+{{ news.url.full }}&source=shareaholic" rel="nofollow" class="external" title="Tweet This!"> </a>
</li>

<li class="shr-friendfeed">
<a href="http://www.friendfeed.com/share?title={{ news.title }}$&link={{ news.url.full }}" rel="nofollow" class="external" title="Разместить на FriendFeed"> </a>
</li>
<li class="shr-bobrdobr">
<a href="http://bobrdobr.ru/addext.html?url={{ news.url.full }}&title={{ news.title }}" rel="nofollow" class="external" title="Разместить на BobrDobr"> </a>
</li>
<li class="shr-moemesto">
<a href="http://moemesto.ru/post.php?url={{ news.url.full }}&title={{ news.title }}" rel="nofollow" class="external" title="Добавить в MyPlace"> </a>
</li>
<li class="shr-memoryru">
<a href="http://memori.ru/link/?sm=1&u_data[url]={{ news.url.full }}$&u_data[name]={{ news.title }}" rel="nofollow" class="external" title="Добавить в Memory.ru"> </a>
</li>
<li class="shr-myspace">
<a href="http://www.myspace.com/Modules/PostTo/Pages/?u={{ news.url.full }}$&t={{ news.title }}" rel="nofollow" class="external" title="Отправить на MySpace"> </a>
</li>

<li class="shr-delicious">
<a href="http://delicious.com/post?url={{ news.url.full }}&title={{ news.title }}" rel="nofollow" class="external" title="Разместить на del.icio.us"> </a>
</li>
<li class="shr-gmail">
<a href="https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&su={{ news.title }}&body=Link: {{ news.url.full }}" rel="nofollow" class="external" title="Email this via Gmail"> </a>
</li>
<li class="shr-yahoomail">
<a href="http://compose.mail.yahoo.com/?Subject={{ news.title }}$&body=Link: {{ news.url.full }} " rel="nofollow" class="external" title="Email this via Yahoo! Mail"> </a>
</li>
<li class="shr-mail">
<a href="mailto:?subject={{ news.title }}&body=Link: {{ news.url.full }}" rel="nofollow" class="external" title="Отправить по email другу?"> </a>
</li>
<li class="shr-googlebuzz">
<a href="http://www.google.com/buzz/post?url={{ news.url.full }}$&imageurl=" rel="nofollow" class="external" title="Post on Google Buzz"> </a>
</li>
<li class="shr-googlereader">
<a href="http://www.google.com/reader/link?url={{ news.url.full }}&title={{ news.title }}$&srcUrl={{ news.url.full }}&srcTitle={{ news.title }}$&snippet={{ news.url.full }}" rel="nofollow" class="external" title="Добавить в Google Reader"> </a>
</li>
<li class="shr-technorati">
<a href="http://technorati.com/faves?add={{ news.url.full }}" rel="nofollow" class="external" title="Разместить на Technorati"> </a>
</li>
</ul>
<div style="clear:both;"></div>
</div>
3.В main.tpl между
Код:
<head></head>
добавляем
Код:
<link href="{{ tpl_url }}/css/style.css" type="text/css" rel="stylesheet" />
Вот и все пользуемся.

Можешь почитать и вот эту статейку "Стильные кнопки-переключатели при помощи CSS3"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Какой поисковой системой пользуетесь?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element