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

Board index phpBBex 1.x Поддержка

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

Post #1by Girl » 19.11.2012, 18:42

Как её добавить рядом с теми что есть ?
Girl
Topic author, Мастер
Avatar
Reputation: 18
With us: 4 yaers 9 months

Post #2by VEG » 19.11.2012, 21:19

Готового рецепта нет. В шаблоне viewtopic_body.html смотрите как добавляются кнопки других соцсетей:
Code: Select all
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
Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 3 months

Post #3by Трислав » 16.05.2015, 12:31

Возможно кому-то пригодится. Когда понадобилось добавить кнопки одноклассников и майла, долго мучились, но удалось получить требуемое только в виде текстовых ссылок. В итоге решили пожертвовать кнопками Твиттера и Гугла.
В файле viewtopic_body.html
Переписываем вот так
Code: Select all
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>');
И меняем картинку с изображением кнопок (Внимание название файла надо поправить, убрать единицу и скобки!)
Attachments
social_icons (1).png
social_icons (1).png (18.91 KiB) Viewed 4184 times
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #4by Sumanai » 16.05.2015, 12:40

Трислав wrote:В итоге решили пожертвовать кнопками Твиттера и Гугла.
Зачем? Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #5by Трислав » 16.05.2015, 13:30

Sumanai wrote:Можно же просто в конец добавить. Ну и стили. У вас наверное со стилями не вышло.
У нас получалось в виде текстовых ссылок, а иконки добавленные в файл, вызывали собирание этих самых иконок в кучу. Решения готового на форуме мы не нашли. В итоге пошли таким путём, посчитав что Твиттер, и Гугл, по крайней мере у наших пользователей особой популярностью не пользуются :smile:
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #6by Sumanai » 16.05.2015, 13:41

Поэтому я и говорю, что со стилями не разобрались.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #7by Трислав » 16.05.2015, 13:50

Sumanai wrote:Поэтому я и говорю, что со стилями не разобрались.
Охотно верю :smile: Был бы очень рад если бы кто нибудь выложил готовое решение с добавлением трёх кнопок, Одноклассники, Майл, и ЖЖ
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #8by Sumanai » 16.05.2015, 14:36

Открываем файлы viewtopic_body и viewforum_body, находим
Code: Select all
      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>');
Добавляем после
Code: Select all
      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, находим
Code: Select all
a.icon-google-plus { background-position: 0 -104px; }
Добавляем после
Code: Select all
a.icon-mail { background-position: 0 -130px; }
a.icon-ok { background-position: 0 -156px; }
находим
Code: Select all
a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus
Заменить на
Code: Select all
a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus, a.icon-mail, a.icon-ok

Added after 39 seconds:
Трислав wrote:ЖЖ
Его кода для шаринга не знаю, картинку рисовать откровенно лень. Если это будет, сделаю.
Attachments
social_icons.png
social_icons.png (5.55 KiB) Viewed 4174 times
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #9by Трислав » 16.05.2015, 15:14

Не пошло, всё сделал, но результат.... Кстати большое спасибо за подсказку о файле vievforum :smile: Только потом заметил что ссылки не везде стояли.
Attachments
111.jpg
111.jpg (37.15 KiB) Viewed 4171 times
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #10by Sumanai » 16.05.2015, 16:46

Обновите кеш стилей и браузера.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #11by Amney » 16.05.2015, 17:21

Sumanai уже мне помогал в этом вопросе,правда я только одну кнопку дополнительную добавлял (мой мир),все получилось. (пример http://prog-lang.ru)
Мрачный.
Amney M
Гуру
Avatar
Age: 25
Location: Муром
Reputation: 37
With us: 4 yaers 4 months

Post #12by Sumanai » 16.05.2015, 17:59

Я уже и забыл. Объединить что ли темы?
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #13by Amney » 16.05.2015, 18:27

Sumanai wrote:Объединить что ли темы?
Хозяин - барин.
Мрачный.
Amney M
Гуру
Avatar
Age: 25
Location: Муром
Reputation: 37
With us: 4 yaers 4 months

Post #14by Трислав » 16.05.2015, 19:53

Sumanai wrote:Обновите кеш стилей и браузера.
Делал, не помогло, кнопки Твиттера и Гугла как видно на скрине вернулись, а Майл и Одноклассники вышли в виде ссылок. Вернул пока свой вариант на досуге попробую ещё раз повторить процесс. Хотя не пойму в чём мог ошибиться
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #15by Sumanai » 16.05.2015, 20:30

Всё верно, я забыл:
Открываем header.css, находим
Code: Select all
a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus
Заменить на
Code: Select all
a.icon-vkontakte, a.icon-facebook, a.icon-twitter, a.icon-google-plus, a.icon-mail, a.icon-ok
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1579
With us: 4 yaers 5 months

Post #16by Трислав » 17.05.2015, 08:28

Вот теперь всё заработало, спасибо, сей час ещё ЖЖ добалю и будет полный комплект :smile:
Ну и коли кому пригодится))
ЖЖ для комплекта
в header.css
Code: Select all
, a.icon-lj
Code: Select all
a.icon-lj { background-position: 0 -182px; }

в vievtopik и vivforum
Code: Select all
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>');

Ну и естественно файл картинка))
Attachments
social_icons.png
social_icons.png (22.16 KiB) Viewed 4065 times
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #17by Трислав » 19.08.2015, 02:48

В свете выхода BBex 2.0 не могли бы вы обновить инструкцию, ибо эта не подходит :cry:
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Post #18by sag-sag » 19.08.2015, 10:08

Хорошо было б если эти кнопки были по умолчанию в движке
"Сбит с ног - сражайся на коленях, идти не можешь - лежа наступай". В. Ф. Маргелов
sag-sag M
Гуру
Age: 30
Reputation: 351
With us: 3 yaers 11 months

Post #19by ЖЪРЧИК » 19.08.2015, 10:37

ЖЖ надо добавить, пожалуй.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 2 yaers 11 months

Post #20by Трислав » 19.08.2015, 12:19

Самые распространённые это одноклассники и майл.
Трислав M
Мастер
Avatar
Age: 41
Reputation: 37
With us: 2 yaers 3 months

Next

Return to Поддержка



Who is online (over the past 10 minutes)

Users browsing this forum: 2 guests