Добавляем социальные закладки

06-17-2011, 03:31 AM

Несколько дней назад, озадачил админа своего форума сделать соц. закладки. Вот что получилось...

Все мы люди ленивые, мой админ не исключение. Поэтому лазил он долго, то ли собирал правильные ссылки, на эти закладки, то ли еще что, но натолкнулся он на один замечательный сервис http://share42.com.

Этот сервис генерирует соц. закладки. Не знаю как для кого, но меня их перечень устроил.

Ниже инструкция, для тех кто хочет встроить соц. закладки в vBulletin 4.x.x (стандартный шаблон), как показано на рисунке:

Переходим на указанный сервис:
- Выбираем иконки и их размер;
- Устанавливаем нужные опции;
- Жмем "Скачайте готовый скрипт".
Переходим на свой форум:
- Создаем папку "share42" в корне форума;
- Загружаем в нее файлы "share42.js" и "icons.png", находящиеся в скачаном архиве;
- Идем в "Панель администратора -> Стили и шаблоны -> Управление стилями -> Общие шаблоны" и в конец "headinclude" добавляем:
  Code:
```
<script type="text/javascript" src="http://site.ru/share42/share42.js"></script>
```
- Идем в "Редактировать шаблоны" и в шаблоне "SHOWTHREAD" ищем:
  Code:
```
    <div id="thread_controls" class="thread_controls toolsmenu">
        <div>
```
  После вставляем:
  Code:
```
<span style="float:left; padding: 5px;"><script type="text/javascript">share42('http://site.ru/share42/','http://site.ru/{vb:raw thread_url}','{vb:raw threadinfo.title}')</script></span>
```
  Замечание: В vbulletin.css у тега "body {" нужно подобрать оптимальный "min-width: 1148px;" (у меня он такой, у вас наверняка будет другой) иначе "Опции темы | Управление" налезут на иконки и общий блок в котором они находятся расползется.

Успехов!

Prosper-H (c) r0 Crew

PS: Для тех кто хочет, что бы "соц. закладки" были не в сером блоке, а под "Тема: Файловый архив".

Там же в шаблоне "SHOWTHREAD" ищем:

Code:

<div id="pagetitle" class="pagetitle">
    <h1>
        {vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span>
        <vb:if condition="$show['fb_likebutton']">
            {vb:raw fblikebutton}
        </vb:if>

После вставляем:

Code:

<br /><br /><script type="text/javascript">share42('http://site.ru/share42/','http://site.ru/{vb:raw thread_url}','{vb:raw threadinfo.title}')</script>

Открываем кампот/сок/колу/... нужное подчеркнуть.
Наслаждаемся =)

06-24-2011, 03:35 PM

Вы забыли описать, что делать с файлами из архива:
share42.js
и
icons

06-24-2011, 03:52 PM

Демонстрацию этого хака и других. можно посмотреть в этой теме http://vbsupport.ru/forum/showthread.php?t=40577
MySuccess, всю папку кидайте в корень.

06-24-2011, 04:32 PM

artscripts, я просто к тому, что можно было просто дать эту рекомендацию с сайта:

Quote:

Установка скрипта:

Распакуйте архив со скриптом.
Загрузите папку "share42" на ваш сайт по FTP (при желании папку можно переименовать).
Укажите абсолютный путь до этой папки: , например, http://site.ru/share42/.
Выберите наиболее подходящий тип сайта:
- Статический сайт без поддержки PHP
- WordPress
- Joomla
- Прочие CMS
Вставьте в шаблон вашего сайта (обычно рядом с текстом статьи) следующий код:
<script type="text/javascript" src="http://site.ru/share42/share42.js"></script>
<script type="text/javascript">share42('http://site.ru/share42/')</script>
Готово.

А если уж собственную делать, лучше делать её подробней...