Хак Красивые социальные закладки для DLE
Весьма простые и красивые в виде элегантных кнопок для социальных закладок у вас на сайте на 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&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&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&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&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&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качиваний: 244)