Регистрация

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

TipTop 30-06-2013, 22:19 3730 Хаки DLE

Красивые социальные закладки для 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&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качиваний: 189)

Похожие новости

Хак ссылки на новость

Хак позволяет выводить ссылки на новость в виде: html-кода, BB-кодов и прямой ссылки

30.01.15 Хаки DLE
Хак Горизонтальное меню

Хак горизонтальное меню. Автор: MysterIoes

08.05.10 Хаки DLE
Хак для DLE строгое меню

Хак для DataLife Engine строгое меню

25.10.09 Хаки DLE

Комментарии (1)

avatar
#1 Пользователь offline SaNeR
Спасибо за этот хак =)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Powered by Dleshka.org. Сайт предназначен для выбора шаблонов и дополнений с использованием CMS DataLife Engine.
Закрыть