[DLE Хак] Подключаем соцзакладки от share42 в короткую новость DLE

Категория: DataLife Engine
  +3    0    1 145


[DLE Хак] Подключаем соцзакладки от share42 в короткую новость DLE

В блоге ПафНутиЯ была статья с аналогичным названием, собственно моя статья выполнена по статье ПафНутиЯ, но с внесенными правками, так как код, предоставляемый share42 несколько изменился с 2012 года.


1. Перейдите на share42.com и сгенерируйте скрипт с нужными кнопками.
Обратите внимание, что нужно выбрать тип панели с иконками: "Горизонтальная" и к вашему сайту подключен jQuery: "Да" (т.к. в DLE есть библиотека jQuery).


2. Закидываем png-картинку из архива (который скачали с share42.com) в папку с картинками вашего шаблона. У меня это папка img.


3. Делаем скрипт из архива (файл share42.js) более читабельным. Для этого переходим на jsbeautifier.org и вставляем содержимое share42.js в большое текстовое поле, затем жмем кнопку над этим полем.


[DLE Хак] Подключаем соцзакладки от share42 в короткую новость DLE

4. В полученном структурированном коде (как на картинке выше) удаляем первые 3 и последние 2 строчки.
Т.е. удаляем:

/* share42.com | 28.05.2014 | (c) Dimox */
(function($) {
    $(function() {

и:
    })
})(jQuery);

Затем вставляем то, что осталось между следующими строками:
$(document).ready(function(){
//в это место вставляем наш основной код, полученный ранее
});


4.1. В полученном коде, перед строкой

                u = el.attr('data-url'),

вставляете:
                shareId = el.attr('id'),

А строку;
el.html('<span id="share42">' + l + '</span>' + '');

заменяете на:
el.html('<span id="share42_'+shareId+'">' + l + '</span>' + '');


4.2. Находим кусок кода:

background:url(' + f + fn + ') -'

и меняем его на:
background-image:url(http://АДРЕС.РУ/templates/ШАБЛОН/img/icons.png);background-position: -'

где http://АДРЕС.РУ/templates/ШАБЛОН/img/icons.png - полный путь к файлу иконок.
Внимание: Можно вынести стили в файл стилей, как это предлагает Пафнутий, но я решил для себя, что так проще.


5. Полученный код сохраняем в файл, например social.js. Файл загружаем в папку с JS-скриптами вашего шаблона.


6. Подключаем скрипт в шаблон. Для этого откроем main.tpl и между тегами с новой строки вставляем:

<script type="text/javascript" src="{THEME}/js/social.js"></script>


7. В место, где хотите видеть кнопки, в файле shortstory.tpl (можно и в фулстори сразу вставить), вставляем строку:

<div id="sh{news-id}" class="share42init" data-url="{full-link}" data-title="{title}"></div>



Ты зашёл на блог, как незарегистрированный пользователь. Можешь зарегистрироваться.

Комментарии (0):

Ваше имя:
E-Mail:


  • 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
Кликните на изображение чтобы обновить код, если он неразборчив
Введите код:

Посты в тему:
[DLE Хак] Количество новостей в категориях для DLE
[DLE модуль] Dude Smart Leech 0.4 beta [FIX] для DLE 9.x - 11.x
[DLE Хак] Как добавить дополнительную кнопку в bb-коды DLE 11.x