Все для DataLife Engine / DLE хаки / Хак для DLE / Хак сделать красивые плавающие соц. закладки на Dle

Хак сделать красивые плавающие соц. закладки на Dle


Уже много решений было реализовано, как сделать красивые плавающие соц. закладки на DLE, но вариантов и возможностей довольно много, авторы не перестаю нас удивлять простыми и классными решениями. Хак дле сделать красивые плавающие социальные закладки, как это выглядит можете оценить на скрине. Сегодня представляем dle9.com скрипт плавающих полупрозрачных соц.закладок для вашего сайта dle.
При этом, установка красивые плавающие соц. закладки на datalife engine простая и не составит труда ее настроить даже начинающим.

Установка: Хак для Dle сделать красивые плавающие соц. закладки на дле
Качаем сами файлы

DLE-Zakladki.rar [57,59 Kb] (cкачиваний: 103)

Для начала, вам нужно добавить файлы из папки в ваш шаблон
В файле ваших стилей в конец дописываем следующие:

.soc_buttons {
        position: absolute;
        right: 0;
        top: 152px;
        width: 70px;
    }
    
    .soc_buttons a {
        display: block;
        position: relative;
    }


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


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


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


Данный код

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



Конечно не забываем, что нужна регистрация в социальных сетях,а после их вписать в код выше, при желании вы легко можете редактировать код и получить уже свою оригинальную версию хаков dle красивые плавающие соц. закладки.

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

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

mrdemo от 25 февраля 2013 16:46
я ставил на 0 шаблон DLE 9.7 (на родной) помооему не работет js ((
dle9.com от 25 февраля 2013 15:16
mrdemo,
Нет, у вас где-то есть проблема в шаблоне, лучше, сначала ставить на шаблоны от движка. так меньше будет головной боли.
mrdemo от 25 февраля 2013 12:41
я шо та не понял, панель стоит не ходит за прокруткой или так и должна быть ?
ludvig от 13 января 2013 21:11
в фотожопе, готовую отредактирует wink
dle9.com от 7 января 2013 08:24
Chessman,
были только эти, можете доделать
в последнем пункте добавить ещё одну, да и вообще там можно все что угодно подобным образом добавить
<a rel="nofollow" title="Следите за мной по вконтакт" target="_blank" href="ССЫЛКА_НА_вконтакт"><img src="/templates/Default/images/rss.png"></a>


Только самое сложно наверное найти подходящею картинку /images/вконтакт.png добавить в папку и все
Chessman от 7 января 2013 03:44
а как же вконтакт??
Добавить комментарий

Оставить комментарий

    • 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