• Автор:

    Flesha
  • Добавлено:

    дек 11, 2012
  • Комментариев:

    1
  • Просмотров:

    1743

Хак Плавующие закладки

Хак Плавующие закладки

Здравствуйте уважаемые читатели! Сегодня хочу вам представить скрипт плавающих соц.закладок для вашего сайта.

В файле ваших стилей в конец дописываем следующие:
.soc_buttons {
position: absolute;
right: 0;
top: 152px;
width: 70px;
}

.soc_buttons a {
display: block;
position: relative;
}


В main.tpl необходимо разместить непосредственно перед закрывающим тегом
</body>


<div class="soc_buttons" id="soc_buttons">
<a rel="nofollow" title="Следите за мной на twitter" target="_blank" href="ССЫЛКА_НА_TWITTER"><img src="{THEME}/images/new_twitter.png" ></a>
<a rel="nofollow" title="Следите за мной на facebook" target="_blank" href="ССЫЛКА_НА_FACEBOOK"><img src="{THEME}/images/fb.png"></a>
<a rel="nofollow" title="Следите за мной по Google+" target="_blank" href="ССЫЛКА_НА_GOOGLE+"><img src="{THEME}/images/google.png"></a>
<a rel="nofollow" title="Следите за мной по RSS" target="_blank" href="ССЫЛКА_НА_RSS"><img src="{THEME}/images/rss.png"></a>
</div>
<script>
$(function(){
$('#soc_buttons').socializer();
})
</script>


В main.tpl перед
</head>


подключаем плагин:
<script src="{THEME}/js/jquery.socializer.js"></script>


Автор: Шамшур Иван
Источник: bl0gnews.ru

Внимание! У Вас нет прав для просмотра скрытого текста.
Вернуться

Комментарии:


  1. Sawyer → 12 декабря 2012 22:38
    Пожалуй заберу!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.