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



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

В файле ваших стилей в конец дописываем следующие:
.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="/templates/Red/images/new_twitter.png" ></a>
<a rel="nofollow" title="Следите за мной на facebook" target="_blank" href="ССЫЛКА_НА_FACEBOOK"><img src="/templates/Red/images/fb.png"></a>
<a rel="nofollow" title="Следите за мной по Google+" target="_blank" href="ССЫЛКА_НА_GOOGLE+"><img src="/templates/Red/images/google.png"></a>
<a rel="nofollow" title="Следите за мной по RSS" target="_blank" href="ССЫЛКА_НА_RSS"><img src="/templates/Red/images/rss.png"></a>
</div>
<script>
$(function(){
$('#soc_buttons').socializer();
})
</script>

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

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


Автор: Шамшур Иван

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Комментариев 0

Новые обсуждения на Форуме