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

Список разделов phpBBex 1.x (поддерживается) Поддержка 1.x

Описание: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Правила раздела: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Модератор: Поддержка

Сообщение #1 Girl » 19.11.2012, 18:42

Как её добавить рядом с теми что есть ?
Girl
Автор темы
Аватара
Репутация: 18
С нами: 11 лет 5 месяцев

Сообщение #2 VEG » 19.11.2012, 21:19

Готового рецепта нет. В шаблоне 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>');
По аналогии можно сделать и для одноклассников.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #3 Трислав » 16.05.2015, 12:31

Возможно кому-то пригодится. Когда понадобилось добавить кнопки одноклассников и майла, долго мучились, но удалось получить требуемое только в виде текстовых ссылок. В итоге решили пожертвовать кнопками Твиттера и Гугла.
В файле 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>');
И меняем картинку с изображением кнопок (Внимание название файла надо поправить, убрать единицу и скобки!)
Вложения
social_icons (1).png
social_icons (1).png (18.91 КБ) Просмотров: 13948
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #4 Sumanai » 16.05.2015, 12:40

Трислав:В итоге решили пожертвовать кнопками Твиттера и Гугла.
Зачем? Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #5 Трислав » 16.05.2015, 13:30

Sumanai:Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.
У нас получалось в виде текстовых ссылок, а иконки добавленные в файл, вызывали собирание этих самых иконок в кучу. Решения готового на форуме мы не нашли. В итоге пошли таким путём, посчитав что Твиттер, и Гугл, по крайней мере у наших пользователей особой популярностью не пользуются :smile:
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #6 Sumanai » 16.05.2015, 13:41

Поэтому я и говорю, что со стилями не разобрались.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #7 Трислав » 16.05.2015, 13:50

Sumanai:Поэтому я и говорю, что со стилями не разобрались.
Охотно верю :smile: Был бы очень рад если бы кто нибудь выложил готовое решение с добавлением трёх кнопок, Одноклассники, Майл, и ЖЖ
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #8 Sumanai » 16.05.2015, 14:36

Открываем файлы 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 секунд:
Трислав:ЖЖ
Его кода для шаринга не знаю, картинку рисовать откровенно лень. Если это будет, сделаю.
Вложения
social_icons.png
social_icons.png (5.55 КБ) Просмотров: 13938
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #9 Трислав » 16.05.2015, 15:14

Не пошло, всё сделал, но результат.... Кстати большое спасибо за подсказку о файле vievforum :smile: Только потом заметил что ссылки не везде стояли.
Вложения
111.jpg
111.jpg (37.15 КБ) Просмотров: 13935
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #10 Sumanai » 16.05.2015, 16:46

Обновите кеш стилей и браузера.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #11 Amney » 16.05.2015, 17:21

Sumanai уже мне помогал в этом вопросе,правда я только одну кнопку дополнительную добавлял (мой мир),все получилось. (пример http://prog-lang.ru)
Amney M
Аватара
Откуда: Вечность.
Репутация: 37
С нами: 11 лет

Сообщение #12 Sumanai » 16.05.2015, 17:59

Я уже и забыл. Объединить что ли темы?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #13 Amney » 16.05.2015, 18:27

Sumanai:Объединить что ли темы?
Хозяин - барин.
Amney M
Аватара
Откуда: Вечность.
Репутация: 37
С нами: 11 лет

Сообщение #14 Трислав » 16.05.2015, 19:53

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

Сообщение #15 Sumanai » 16.05.2015, 20:30

Всё верно, я забыл:
Открываем 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
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #16 Трислав » 17.05.2015, 08:28

Вот теперь всё заработало, спасибо, сей час ещё ЖЖ добалю и будет полный комплект :smile:
Ну и коли кому пригодится))
ЖЖ для комплекта
в 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>');

Ну и естественно файл картинка))
Вложения
social_icons.png
social_icons.png (22.16 КБ) Просмотров: 13829
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #17 Трислав » 19.08.2015, 02:48

В свете выхода BBex 2.0 не могли бы вы обновить инструкцию, ибо эта не подходит :cry:
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

Сообщение #18 sag-sag » 19.08.2015, 10:08

Хорошо было б если эти кнопки были по умолчанию в движке
sag-sag M
Аватара
Репутация: 411
С нами: 10 лет 7 месяцев

Сообщение #19 ЖЪРЧИК » 19.08.2015, 10:37

ЖЖ надо добавить, пожалуй.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #20 Трислав » 19.08.2015, 12:19

Самые распространённые это одноклассники и майл.
Трислав M
Аватара
Репутация: 38
С нами: 8 лет 11 месяцев

След.

Вернуться в Поддержка 1.x



cron