социальных закладок, который можно использовать для разных функций совершенствовать по разному добавляя новые закладки, можно использовать и под HTML страницу!
1 - Загружаем в в папку JS в своём шаблоне вот этот файл предварительно разархивировав её
2 - далее в main.tpl добавляем
между тегами и вставляем такую строчку:
<script type="text/javascript" src="/templates/Default/js/md-socwidget.js"></script>
После тега вставляем такой код:
<!-- соц виджеты vk и twitter --> <div class="share"> <div class="shadow"></div> <noindex><a href="https://twitter.com/#!/YouID" class="twitter"></a></noindex> <noindex><a href="http://vk.com/YouID" class="vk"</a></noindex> </div> <!-- соц виджеты vk и twitter -->
* не забываем поменять номер группы YouID на свою
3 - В стилях своего шаблона прописываем (стили обычно находятся по адресу {THEME}/css/style.css):
/* стиль соц. виджетов vk и twitter / */.share{position:fixed;width:52px;height:315px;right:0;top:50%;margin-top:-158px;}.share .shadow{position:absolute;width:39px;height:315px;right:0;top:0;background:url(../images/share-shadow.png) no-repeat;}.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(../images/twitter.png) no-repeat left top;cursor:pointer;}.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(../images/vkontakte.png) no-repeat left top;cursor:pointer;}
4 - Заливаем картинки к себе на сервер в папку js и images
Комментарии 3