3337
- 0
- Автор: Шамшур Иван
- Адаптировал: irbees2008
- Уровень сложности исполнения: нужны навыки css hmlt
- Демо:
Сегодня хочу вам представить скрипт плавающих соц.закладок для вашего сайта.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
2.В файле ваших стилей в конец дописываем следующие:
Код:
.soc_buttons {
position: absolute;
right: 0;
top: 152px;
width: 70px;
}
.soc_buttons a {
display: block;
position: relative;
}Код:
</head>
Код:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
Код:
</body>
Код:
<div class="soc_buttons" id="soc_buttons">
<a rel="nofollow" title="Следите за мной на twitter" target="_blank" href="ССЫЛКА_НА_TWITTER"><img src="{tpl_url}/images/new_twitter.png" ></a>
<a rel="nofollow" title="Следите за мной на facebook" target="_blank" href="ССЫЛКА_НА_FACEBOOK"><img src="{tpl_url}/images/fb.png"></a>
<a rel="nofollow" title="Следите за мной по Google+" target="_blank" href="ССЫЛКА_НА_GOOGLE+"><img src="{tpl_url}/images/google.png"></a>
<a rel="nofollow" title="Следите за мной по RSS" target="_blank" href="ССЫЛКА_НА_RSS"><img src="{tpl_url}/images/rss.png"></a>
</div>
<script>
$(function(){
$('#soc_buttons').socializer();
})
</script>
Код:
</head>
Код:
<script src="[tpl_url}/js/jquery.socializer.js"></script>
Можешь почитать и вот эту статейку "Стильные кнопки-переключатели при помощи CSS3"
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.