Dleshka.org
Авторизация

Хак Красивые социальные закладки для DLE

+11
TipTop 30-06-2013 Хаки DLE 1 комментарий


Весьма простые и красивые в виде элегантных кнопок для социальных закладок у вас на сайте на DLE всех версий. Установка очень проста как и сам код без скриптов.

Рипнул и адаптировал под DLE: ToRN™

И так сама установка:

1. В нужное место, в full-story.tpl или же а short-story.tpl вставить:

<table cellpadding="0" cellspacing="0" width="300px"><tbody><tr>
<td><img src="{THEME}/images/ic_socb_like.png" class="socbut_ic" title="Поделитесь ссылкой на страницу с друзьями"></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=vkontakte&amp;url={full-link}" class="socbut socbut_vk" target="_blank" title="Вконтакте" onclick="clickCounter('vkontakte');cl(this)">V</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=gplus&amp;url={full-link}" class="socbut socbut_google" target="_blank" title="Google+" onclick="clickCounter('gplus');cl(this)">G</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=facebook&amp;url={full-link}" class="socbut socbut_facebook" target="_blank" title="Facebook" onclick="clickCounter('facebook');cl(this)">F</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=twitter&amp;url={full-link}" class="socbut socbut_twitter" target="_blank" title="Twitter" onclick="clickCounter('twitter');cl(this)">T</a></td>
<td class="socbut_td"></td>
<td><a href="http://share.yandex.ru/go.xml?service=odnoklassniki&amp;url={full-link}" class="socbut socbut_ok" target="_blank" title="Одноклассники" onclick="clickCounter('odnoklassniki');cl(this)">O</a></td>
</tr></tbody></table>


2. В файл стилей ( обычно это styles.css) добавить:

.socbut_ic { width:26px; height:26px; position:relative;top:2px; }
a.socbut:link, a.socbut:visited { font:11px/13px Tahoma; padding:6px 6px 7px 28px; border:1px solid #E1E1E1; background-color:#EFEFEF; background-position: 5px 5px; background-repeat: no-repeat; text-decoration: none; color:#6F7B91; }
a.socbut:hover, a.socbut:active {  text-decoration: none;  border:1px solid #F7EAAE; background-color:#F9F1C8; color:#373E48; }
.socbut_vk { background-image:url(../images/ic_vk.png); }
.socbut_facebook { background-image:url(../images/ic_facebook.png); }
.socbut_twitter { background-image:url(../images/ic_twitter.png); }
.socbut_google { background-image:url(../images/ic_google.png); }
.socbut_ok { background-image:url(../images/ic_ok.png); }
.socbut_td { width:20%; }


3. Скачать архив с картинками, картинки поместить в templates/Ваш_шаблон/images/
4. Установка завершена

pictures_torn.rar [4.85 Kb] (cкачиваний: 235)
Информация
Зарегистрируйтесь чтобы комментировать публикацию.
SaNeR
25 октября 2014 16:38
+ 0 -
Спасибо за этот хак =)
Авторизация