Социальные закладки "Плавающая панель"

[Yworld_garry]

Сразу напишу спасибо автору скрипта, уважаемому Dimox

Все очень просто, но мод я не делал, у кого есть время сделайте.

Адаптация :

1) Закидываем скрипты jQuery ( во вложении) в папку Themes/default/scripts/
Перед закидыванием файла socializ.js, открыть его и вписать свой домен,.
2) Закидываем картинки( папку i) в папку Themes/default/images/
3) Добавляем стили для панельки
Открыть Themes/default(либо ваша тема)/css/index.css
В самый конец добавить

Код Выделить Развернуть

#socializ {
  position: fixed;
  z-index: 1000;
  margin-left: -10px;
  padding: 6px 6px 0;
  border: 1px solid #E5E5E5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
}
* html #socializ {display: none}
#socializ:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}
#socializ a {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 0 6px;
  background-color: #F6F6F6;
}
#socializ img {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}


4) Добавляем пару строк в файл /Themes/default(либо ваша тема)/index.template.php

Ищем

Код Выделить Развернуть

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc3"></script>
Выше вставляем

Код Выделить Развернуть

<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/socializ.js"></script>
<script type="text/javascript">socializ(encodeURIComponent(location.href),encodeURIComponent(document.title))</script>

Собственно и все, красиво и органично.
Настройки под ваши нужды находятся в файле socializ.js в верху
var m1 = 140; /* расстояние от начала страницы до плавающей панели */
var m2 = 20; /* расстояние от верха видимой области страницы до плавающей панели */
var f = 'http://ваш сайт/Themes/default/images/i/'; /* путь к папке с изображениями кнопок */

И в css, например если панелька слишком далеко и тд.
margin-left: -10px;


Пример работы Смотрим, проверяем, добавляем

Никаких внешних ссылок, все выводится скриптом, плюс закрыл rel="nofollow"

Если что забыл, сорри.

PS
Есть решения для свернутой на половину панельки и горизонтально расположенной. Например под постом.

[Serifa]

Молодец, камрад, выглядит аккуратно. Сама не пробовала пока, некогда. Вопрос: а можно добавить на панельку свою маленькую картинку? Как это сделать?

[Yworld_garry]

Не понял куда вести должна картинка, в смысле ссылка?
Собственно добавить можно все что угодно, редактируем socializ.js, все по аналогии с сервисами.
Например:

Код Выделить Развернуть

'<a href="http://twitter.com/home?status=' + t + ' - ' + u + '" rel="nofollow" title="Добавить в Twitter"><img src="' + f + 'twitter.png" alt="" /></a>' +
По аналогии

Код Выделить Развернуть

'<a href="http://мой сайт" rel="nofollow" title="Самый крутой сайт"><img src="' + f + 'картинка.png" alt="" /></a>' +

Думаю как то так.

[dogwebs]

Yworld_garry Спасибо!
И два вопроса:
1) Адаптация для SMF 2 ?
2) Возможно ли как-то заменить скрипт socializ скриптом с сайта share42.com? Это тоже скрипт Димокса, но у него преимущество  - можно легко выбрать нужные кнопки их количество и размер.

[Yworld_garry]

1) Да, но не проблема засунуть его хоть в стиральную машину, таким способом
2) Я не видел что там, думаю прописав пути, можно пробовать. Хотя не вижу смысла добавлять какие то еще кнопки.

[Mountlander]

Да на 2RC5 встало, спасибо!

[stehlen]

В финальную версию установил без проблем 

Спасибо!

Ps - и в Joomla вставил! А реформал перенес вправо. Шикарные кнопки!
Psps - нет с Joomla не срослось. Конфликтует с яндекс картами. Как исправить пока не знаю.

[alex19713]

Yworld_garry - Есть вопрос написал в личку.
Ответь пожалуйста!

[BIOHAZARD]

есть готовый мод
сейчас он на утверждении на оф. сайте, как пройдёт процедуру, выложу ссылку

[alex19713]

а, здорово!
Но у меня еще есть ряд вопросов к Игорю, касательно одной темы которую он сделал. Неправильно будет просить другого выступить в качестве  разработчика.

[ArtemM]

Если честно немного не понял как сделать чтобы была свернутой на половину.

[Yworld_garry]

вот тут посмотрите, сейчас уже просто не помню
http://dimox.name/socializ-floating-panel/