Научите делать всплывающий блок как на сайте LS

Научите пожалуйста делать вот такой всплывающий блок, хочу сделать такой же для кнопок «Поделиться» и еще один с кнопками «удалить и редактировать топик», он компактный, удобный и красивый :)

Как установить социокнопки "Лайкли"?



Привет сообществу LS! Нужен Ваш совет, хочу заменить стандартный яндекс-блок «Поделиться» на социокнопки Лайкли — ilyabirman.ru/projects/likely/.

Кнопки работают на Джейквери, по-этому необходимо добавить в элемент head строки:

<script src="/путь/к/jquery.js"></script>
<script src="/путь/к/likely.js"></script>
<link rel="stylesheet" href="/путь/к/likely.css">


Вопрос такой, где именно и как нужно размещать ссылки на js и css?

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

<script src="http://vk.com/js/api/openapi.js" type="text/javascript"></script>


Я немного поискал по сайту, и нашел разные ответы, кто то говорит, что нужно просто добавлять эти строки в header.tpl, другие говорят, что только через конфигурационный файл, подскажите как правильно.

Проблемы с Поделиться ссылкой

Добрый день, при нажатий ссылку поделиться, например на фейсбуке ссылка меняется на какой-то сайт archiveshare.net а в гугл plus вообще ничего не отображается, а вконтакте Текст отображается, но не текст топика а Описание сайта со ссылка на archiveshare.net, думал вирус искал в файлах везде, слова archiveshareно, нигде не нашел, это 5 день ничего не могу с этим сделать, как быть?
Скрин facebook

Скрин VK
Читать дальше →

Плагин "Социальные счетчики" v 1.2.0


Добавлены новые кнопки:
— Одноклассники
— МойКруг
— Pinterest

Демо

Первым трем покупателям новой версии 50% скидка:
КодПроцент
8d8d5850%
44f4d350%
f8450450%

Блок "Поделиться" & Pinterest

Как добавить в «Поделиться» от Яндекса иконку Pinterest?
Для шейринга пинтересту требуется специальная ссылка на «расшариваемое» изображение, но я не знаю какой именно параметр нужно передавать. У меня задача такая, нужно передавать соц.сетям только первое изображение загруженное в топик

Помогите решить проблему

Как сделать блок "Поделиться" всегда активным

Собственно работаю с livestreet уже недели и только сегодня заметил, что там в конце статьи есть блок «Поделиться». В общем как сделать, что-бы блок «Поделиться» всегда был открытым? Ну или хотя бы, что-бы он был не кнопкой а надписью.

Добавление блока «Поделиться» от Яндекса

Яндекс создал API для кнопок социальных сетей.
Виды кнопок
Чтобы добавить такой блок внизу каждого топика, в файле header.tpl вставляем между <head> и </head>:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>

И в файле topic.tpl перед <ul class=«tags»> вставляем:
<div class="yashare-auto-init" data-yashareType="link" data-yashareTitle="{$oTopic->getTitle()}" data-yashareLink="{$oTopic->getUrl()}" data-yashareQuickServices="vkontakte,twitter,yaru,facebook,lj,friendfeed,moimir,odnoklassniki"></div>

Дальше можно настроить на свой вкус, используя параметры. Например так.
UPD bobo. Если совсем лень настроить параметры вручную, есть простой конструктор.