Про кнопки социальных закладок

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

Первым делом я взял с Drupalcookbook.ru модуль социальных закладок Service Links с уже встроенными русскими сервисами. Многим, кстати, достаточно будет просто его установить и радоваться. Я, однако, решил добавить пару недостающих закладок, а именно — кнопки Твиттера и ВКонтакте. Добавлять в модуль Service Links новые кнопки очень легко: ищем в коде модуля вот эту строчку

// Add your own link by modifing the link below and uncomment it.
//$links['service_links_delicious'] = theme('service_links_build_link', t('Delicious'), "http://del.icio.us/post?url=$url&title=$title", t('Bookmark this post on del.icio.us.'), 'delicious.png', $nodelink);

копируем ее и вставляем рядом, изменив настройки под добавляемый сервис закладок. Для Твиттера и ВКонтакте строчки будут выглядеть вот так:

$links['service_links_twitter'] = theme('service_links_build_link', t('Twitter'), "http://twitter.com/home?status=RT @graker_ru $title: $url", t('Share on Twitter.'), 'images/twitter.png', $nodelink);

$links['service_links_vkontakte'] = theme('service_links_build_link', t('VKontakte'), "http://vkontakte.ru/share.php?url=$url&title=$title", t('Bookmark this post on vkontakte.ru.'), 'images/vkontakte.png', $nodelink);
Не забудьте подставить вместо @graker_ru нужный аккаунт.

Кстати, совсем недавно выяснилось, что в модуле Service Links не работает кнопка добавления в Яндекс.Закладки (спасибо tHe_Eney за бдительность). Так получилось, потому что Яндекс изменил URL страницы добавления. Так что если хотите пользоваться кнопкой Яндекса, исправьте ее реализацию в модуле на код:

$links['service_links_yandex'] = theme('service_links_build_link', t('Yandex'),  "http://zakladki.yandex.ru/newlink.xml?url=$url&name=$title", t('Bookmark this post on Yandex.'), 'images/yandex.png', $nodelink);

Ну а дальше я в настройках модуля включил нужные мне кнопки, выставил правильные разрешения, заменил иконки по умолчанию на другие, после чего полностью отключил в настройках модуля вывод кнопок где бы то ни было и вручную вставил его в файл шаблона node.tpl.php там, где мне нужно:

<?php if ($page): ?>
  <div class="social-bookmarks-links">
    <?php /*Переменная $service_links содержит все кнопки и генерируется модулем автоматически*/ ?>
    <?php print $service_links; ?>
  </div>
<?php endif; ?>
Ну а вертикальное расположение и фиксированная позиция — это чистый CSS, не мне вас учить.

Вот и все. Как видите, сделать кнопки социальных закладок в Друпале — легко. Кстати, есть и другие способы, их вы без труда найдете на сайте Drupalcookbook.ru и в прочих местах.

andypost (гость)
Аватар пользователя andypost

Нужно написать Владу, чтобы подправил модуль и выложил обновленную версию

graker
Аватар пользователя graker

Да, действительно.
Напишу.

Сетегном (гость)
Аватар пользователя Сетегном

Ссылки действительно здорово выглядят, а к модулю и PVasili причастен - http://drupal.ru/node/27687. Пиши ещё и ему на всякий :-)

graker
Аватар пользователя graker

Ок, написал всем :)

EllECTRONC (гость)
Аватар пользователя EllECTRONC

А еще нужно было начать "откуда" пришла такая идея и почему именно такая "колонка" справа. :(( обидно

P.S.: и кстати иконка VK не грузится. :p

graker
Аватар пользователя graker

Мне ваша обида непонятна, извините. Откуда пришла? В интернете таких полно. Ближайший аналог был найден вот здесь: http://dimox.name/socializ-floating-panel, и там же в комментах был цынк на набор иконок, 9 я взял оттуда, еще 2 слепил "по образу и подобию".

Иконка VK - грузится.

EllECTRONC (гость)
Аватар пользователя EllECTRONC

Я то думала вы сами придумали, вот и хотела узнать почему мы все лепим это справа. У меня то все справа, а вот у вас менюшки слева, а соц закладки справа. Просто интересно, почему у всех справа. :(

Иконка VK — грузится, но не отображается почему-то в FF 3.6.8 и из за этого панелька у вас отъезжает по слову VKontakte, т.е. попадает на страницу.

graker
Аватар пользователя graker

Не у всех :) По ссылке, что я привел - слева. На разных сайтах видел панель и сверху, и снизу, и плавающую, и фиксированную. Тенденции не наблюдаю.

А вообще, все равно не понимаю вопроса. Что я сам придумал, что иконки у меня справа? В этом нет никакой "идеи". Я просто поместил их в ту часть страницы, в которой, как я считаю, им было самое место. Перед этим, кстати, попробовал и другие варианты, этот понравился больше.

Подозреваю, остальные люди примерно такими же соображениями руководствуются - где удобно и выглядит хорошо, туда и лепят.

Что касается иконки - у вас видимо с FF что-то. Панелька проверена в куче браузеров - в IE, Опере, мобильной Опере, Фаере 3.5, Фаере 3.6.8, Хроме, Епифании, Конквероре - везде работала.

Полина (гость)
Аватар пользователя Полина

а для семерки такой модуль подойдет, или может есть альтернатива?

graker
Аватар пользователя graker

Не знаю, не пробовал.
Сейчас вообще проще скрипт с http://share42.com/ вставить.

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

CAPTCHA
Пройдите, пожалуйста, проверку. Она нужна, чтобы отличать людей от спам-роботов. А если не хотите проходить эту проверку регулярно — зарегистрируйтесь.
Image CAPTCHA
Введите цифры, изображенные на картинке (без пробелов).