• 1320
  • 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" />
Вот и все пользуемся.

Можешь почитать и вот эту статейку "Обширная библиотека доступных иконок и символов - Unicode"

mistakes

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

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

Ваше мнение

TWIG -что это?
Результаты

Облако тегов

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