Здравствуйте уважаемые читатели! Сегодня хочу вам представить скрипт плавающих соц.закладок для вашего сайта.
В файле ваших стилей в конец дописываем следующие:
.soc_buttons {
position: absolute;
right: 0;
top: 152px;
width: 70px;
}
.soc_buttons a {
display: block;
position: relative;
}
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>
<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
zakladki.rar [25.08 Kb] (cкачиваний: 214)
MD5: 0c2e5f48a8ded220b9ef84162ea03ba6
MD5: 0c2e5f48a8ded220b9ef84162ea03ba6
Главная
