Название темы Раздел Ответов Последний

Cоциальные закладки для Dle 9.x - 10.0


10 октября 2013
Cоциальные закладки для Dle 9.x - 10.0

Все сейчас на своих сайтах устанавливают социальные закладки, используя специальные модули для установки этих социальных закладок устанавливать модули не нужно все сделано на чистом html и css.

Установка социальных закладок:

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. Установка завершена

Рипнул и адаптировал под DLE: ToRN™
Внимание! Для просмотра скрытого текста необходимо зарегистрироваться!
Если вы не видите ссылку после регистрации, вам нужен VIP АККАУНТ!


ava

Написал: Вадим
Группа: Посетители Пользователь offline
1
0
15 ноября 2013 14:07
Просто супер отлично подойдет для любого дизайна


Информация
Посетители, находящиеся в группе Анонимус, не могут оставлять комментарии к данной публикации.