Кнопка одноклассников в полосу соцсетей

[Girl]

Как её добавить рядом с теми что есть ?

[VEG]

Готового рецепта нет. В шаблоне viewtopic_body.html смотрите как добавляются кнопки других соцсетей:

Код: Выделить всё

document.write('<li><a rel="nofollow" target="_blank" href="http://vk.com/share.php?url='+url+'&title='+title+'" title="{L_SOCIAL_SHARE_IN} vk.com" class="icon-vkontakte">{L_SOCIAL_SHARE_IN} vk.com</a></li>');


По аналогии можно сделать и для одноклассников.

[Трислав]

Возможно кому-то пригодится. Когда понадобилось добавить кнопки одноклассников и майла, долго мучились, но удалось получить требуемое только в виде текстовых ссылок. В итоге решили пожертвовать кнопками Твиттера и Гугла.
В файле viewtopic_body.html
Переписываем вот так

Код: Выделить всё

document.write('<li><a rel="nofollow" target="_blank" href="http://vk.com/share.php?url='+url+'&amp;title='+title+'" title="{L_SOCIAL_SHARE_IN} vk.com" class="icon-vkontakte">{L_SOCIAL_SHARE_IN} vk.com</a></li>');
      document.write('<li><a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url='+url+'" title="{L_SOCIAL_SHARE_IN} Mail.ru" class="icon-google-plus">{L_SOCIAL_SHARE_IN} Mail.ru</a></li>');
      document.write('<li><a rel="nofollow" target="_blank" href="http://facebook.com/sharer.php?u='+url+'" title="{L_SOCIAL_SHARE_IN} facebook.com" class="icon-facebook">{L_SOCIAL_SHARE_IN} facebook.com</a></li>');
      document.write('<li><a rel="nofollow" target="_blank" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl='+url+'" title="{L_SOCIAL_SHARE_IN} ok.ru" class="icon-twitter">{L_SOCIAL_SHARE_IN} ok.ru</a></li>');

И меняем картинку с изображением кнопок (Внимание название файла надо поправить, убрать единицу и скобки!)

[Sumanai]

В итоге решили пожертвовать кнопками Твиттера и Гугла.

Зачем? Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.

[Трислав]

Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.

У нас получалось в виде текстовых ссылок, а иконки добавленные в файл, вызывали собирание этих самых иконок в кучу. Решения готового на форуме мы не нашли. В итоге пошли таким путём, посчитав что Твиттер, и Гугл, по крайней мере у наших пользователей особой популярностью не пользуются

[Sumanai]

Поэтому я и говорю, что со стилями не разобрались.

[Трислав]

Поэтому я и говорю, что со стилями не разобрались.

Охотно верю Был бы очень рад если бы кто нибудь выложил готовое решение с добавлением трёх кнопок, Одноклассники, Майл, и ЖЖ

[Sumanai]

Открываем файлы viewtopic_body и viewforum_body, находим

Код: Выделить всё

      document.write('<li><a rel="nofollow" target="_blank" href="http://twitter.com/intent/tweet?text='+title+'&amp;url='+url+'" title="{L_SOCIAL_SHARE_IN} twitter.com" class="icon-twitter">{L_SOCIAL_SHARE_IN} twitter.com</a></li>');

Добавляем после

Код: Выделить всё

      document.write('<li><a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url='+url+'" title="{L_SOCIAL_SHARE_IN} Mail.ru" class="icon-mail">{L_SOCIAL_SHARE_IN} Mail.ru</a></li>');
      document.write('<li><a rel="nofollow" target="_blank" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl='+url+'" title="{L_SOCIAL_SHARE_IN} ok.ru" class="icon-ok">{L_SOCIAL_SHARE_IN} ok.ru</a></li>');

В графическом редакторе добавляем картинки соцсетей в файле social_icons.png, размером 26х26. Для этих двух соцсетей выйдет картинка в аттаче.

Открываем header.css, находим

Код: Выделить всё

a.icon-google-plus { background-position: 0 -104px; }

Добавляем после

Код: Выделить всё

a.icon-mail { background-position: 0 -130px; }
a.icon-ok { background-position: 0 -156px; }

находим

Код: Выделить всё

a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus

Заменить на

Код: Выделить всё

a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus, a.icon-mail, a.icon-ok

Добавлено спустя 39 секунд:

ЖЖ

Его кода для шаринга не знаю, картинку рисовать откровенно лень. Если это будет, сделаю.

[Трислав]

Не пошло, всё сделал, но результат.... Кстати большое спасибо за подсказку о файле vievforum Только потом заметил что ссылки не везде стояли.

[Sumanai]

Обновите кеш стилей и браузера.

[Amney]

Sumanai уже мне помогал в этом вопросе,правда я только одну кнопку дополнительную добавлял (мой мир),все получилось. (пример http://prog-lang.ru)

[Sumanai]

Я уже и забыл. Объединить что ли темы?

[Amney]

Объединить что ли темы?

Хозяин - барин.

[Трислав]

Обновите кеш стилей и браузера.

Делал, не помогло, кнопки Твиттера и Гугла как видно на скрине вернулись, а Майл и Одноклассники вышли в виде ссылок. Вернул пока свой вариант на досуге попробую ещё раз повторить процесс. Хотя не пойму в чём мог ошибиться

[Sumanai]

Всё верно, я забыл:
Открываем header.css, находим

Код: Выделить всё

a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus

Заменить на

Код: Выделить всё

a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus, a.icon-mail, a.icon-ok

[Трислав]

Вот теперь всё заработало, спасибо, сей час ещё ЖЖ добалю и будет полный комплект
Ну и коли кому пригодится))
ЖЖ для комплекта
в header.css

Код: Выделить всё

, a.icon-lj

Код: Выделить всё

a.icon-lj { background-position: 0 -182px; }

в vievtopik и vivforum

Код: Выделить всё

document.write('<li><a rel="nofollow" target="_blank" href="http://www.livejournal.com/update.bml='+url+'" title="{L_SOCIAL_SHARE_IN} livejournal.com" class="icon-lj">{L_SOCIAL_SHARE_IN} livejournal.com</a></li>');

Ну и естественно файл картинка))

[Трислав]

В свете выхода BBex 2.0 не могли бы вы обновить инструкцию, ибо эта не подходит

[sag-sag]

Хорошо было б если эти кнопки были по умолчанию в движке

[ЖЪРЧИК]

ЖЖ надо добавить, пожалуй.

[Трислав]

Самые распространённые это одноклассники и майл.