Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Виджеты на форуме


Виджеты на форуме

Сообщений 21 страница 40 из 100

21

День добрый! Помогите мне пожалуйста как убрать коменты вконтакте на главной странице ?

Скрипт

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?96"></script>

<script type="text/javascript">
  VK.init({apiId: 3674417, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "auto", attach: "*"});
</script>

http://s1.uploads.ru/t/vfGXK.jpg


Все сам нашел!спасибо!!!

Отредактировано alxandr36rus (Пн, 27 Май 2013 21:50:52)

0

22

Привет всем!
Мне очень надо чтобы эти коды(лайк и кнопка "Сохранить В...") отображались под каждой темой...

Код:
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script><br>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round_nocount", text: "Рассказать друзьям"}));
--></script>

http://mybb.ru/f/collection/0226.gif

0

23

Продолжение виджетов на форуме!


Внимание! Чтобы просмотреть виджеты от ВКонтакте читайте первую часть.
Итак решил создать новую тему по поводу виджетов от социальных сетей.
ВКонтакте: http://forum.mybb.ru/viewtopic.php?id=31719

Одноклассники
Виджеты которые предоставляет эта социальная сеть:

Авторизация через ОК
Интегрируйте ваш сайт или мобильное приложение с Одноклассниками и получите социальный трафик и низкий порог входа при регистрации

Социальные виджеты
Рекламируйте и продвигайте свою группу в социальной сети также и на своей страничке

Кнопка Класс
Разместите данную кнопку у себя, чтобы пользователи делились информацией о контенте всем своим друзьям в один клик

1. Авторизация через страницу на Одноклассниках
Я описать не смогу пробуйте сами: http://dev.odnoklassniki.ru/wiki/pages/ … d=12878032

2.Социальные виджеты
Как видно из описания если этот код вставить в место на форуме где поддерживается HTML.
Ну приступим.
1. Способ. Любительский
Берем например этот код:

Код:
<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertGroupWidget(id,did,st);
      }, 0);
    }
  }}
  d.documentElement.appendChild(js);
}(document,"ok_group_widget","50582132228315","{width:250,height:335}");
</script>

Как этим пользоваться:
В приведенном выше коде, вас интересует последняя строка в блоке "script", которая передает необходимые параметры функции ассинхронной загрузки виджета.
Именно в ней вам надо будет поменять параметры для отрисовки виджета вашей группы на вашей странице.
Итак, что есть что:

Параметр

Обязательный

Значение в примере

Значение

elementId

Да

"ok_group_widget"

ID элемента внутрь которого будет вставлен фрэйм виджета.

groupId

Да

50582132228315

ID группы которую хотим показать в виджете.

jsonParams

Нет

'{width: "250",height: "335"}'

Настройки отображения виджета в виде JSON строки.

JSON параметр

width

height

Значение по умолчанию

250

335

Назначение

Ширина виджета в пикселях.

Высота виджета в пикселях.

Как получить ID своей группы:
1. Вы должны быть администратором группы.
2. Зайдите в свою группу.
3. Слева под аватаркой группы в меню есть опция "изменить настройки". Выберите ее.
4. Внизу открывшейся страницы, найдите надпись "ID этой группы на Одноклассниках:".
5. Скопируйте указанное ID, и подставьте в код встраивания виджета.

2.Способ. Простой и для новичков.
http://dev.odnoklassniki.ru/wiki/pages/ … d=20676726 - заходим сюда и настраиваем в окошке все как хотим.

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

Дальше Кнопка Класс. Про нее вы наверное знаете, повторятся не буду.
Способ только один. Через визуальный настройщик
Пример базового кода:

Код:
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertShareWidget(id,did,st);
      }, 0);
    }
  }};
  d.documentElement.appendChild(js);
}(document,"ok_shareWidget","http://dev.ok.ru","{width:125,height:25,st:'oval',sz:12,ck:1}");
</script>

Но можно отредактировать ширину(width) и высоту(height) кнопки(в px разумеется), а также url своего сайта. 
Также на заметку - название ссылки скрипт берет из тега title а описание из meta-тега description
На этом у Одноклассников все. Переходим к...

FaceBook
Что есть у Fac"а:  http://mybb.ru/f/collection/0224.gif

Щелкайте по названиям, я не могу рассказать, все на английском. Но там по-моему все и так понятно, без знания английского.

Twitter
Напоследок Твиттер...

Также щелкаем и смотрим.

Share от Яндекс и кнопки от сервиса "Plus"
Для того чтобы собрать все "Мне нравиться" "Класс" "Твитнуть" и т.д.
Можно воспользоваться двумя сервисами Яндекс.API. и сервисом Pluso
С Яндексом все понятно (надеюсь)

Код:
[b]Базовый код:[/b] 
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir"

></div>

А сервис Pluso стоит поподробнее рассмотреть: (ноу реклама я о нем только сегодня узнал)

Код:
<script type="text/javascript">(function() {
  if (window.pluso) if (typeof window.pluso.start == "function") return;
  var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
  s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
  s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
  var h=d[g]('head')[0] || d[g]('body')[0];
  h.appendChild(s);
})()
</script>
<div class="pluso" data-background="#ebebeb" data-options="big,square,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>

Вверху это базовый код.
--
А что вообще там можно:
Сделать кнопки БОЛЬШИМИ, СрЕдНиМи, и маленькими.
Мне понравилось что можно сделать фон под кнопки, сделать их круглыми, и вертикальными (как лестница)
Так-же можно со счетчиком и без (резуьтат от всех соц.сетей суммируется) в одну и две строки.

Ну думаю все.
Просмотреть в действии:
Одноклассники: (и виджет и кнопка) http://corp.mybb.ru/
Pluso: (маленькие кнопки с фоном и без счетчика) http://es.sybb.ru/ (это короткий адрес с него перенаправит на основную версию)


Гость,надеюсь тебе это поможет!

+5

24

простите, но так как убрать комментарии контакта с главной страницы?

0

25

Это поставила вверх.

Код:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>

Это поставила вниз.

Код:
<script type="text/javascript">
$('div#pun-viewtopic div.postlink').append('<div id="vk_like" style="top: -18px;"></div>');
$('div#pun-viewtopic div.linksb').after('<div id="vk_comments"></div>');
$('div.topic li.pa-fld2').append('<div id="vk_subscribe"></div>');
VK.init({apiId: 3993423, onlyWidgets: true});
VK.Widgets.Like("vk_like", {type: "mini"});
VK.Widgets.Poll("vk_poll", {width: "300"}, "35501112_8d9049fb01e39ed1f2");
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 2561432);
VK.Widgets.Comments("vk_comments", {limit: 10, width: "auto", attach: "*"});
VK.Widgets.Auth("vk_auth", {width: "200px", authUrl: '/developers.php?o=-1&p=Auth'});
<!-- VK Widget -->
<div id="vk_subscribe"></div>
<script type="text/javascript">
VK.Widgets.Subscribe("vk_subscribe", {}, 118812672);
</script>

Что-то у меня ничего не получилось. :huh:

0

26

Здравствуйте!
попробовала установить блок для сообщества вконтакте, там вышел код:

http://savepic.su/3840043.jpg

Поставила его в боковую панель, но после установки блок почему-то продублировался и теперь их там два  :unsure:

скрин

http://savepic.su/3819563.jpg

http://i053.radikal.ru/0806/7f/8b80a2497566.gif  http://i053.radikal.ru/0806/7f/8b80a2497566.gif

адрес

Отредактировано Damla (Пт, 15 Ноя 2013 10:30:27)

0

27

Mozayka написал(а):

Что-то у меня ничего не получилось.

Пока жду ответа,попробовала установить только один виджет,"мне нравится" Картинка из поста не цепляется.

0

28

Ро* Ши* написал(а):

А сервис Pluso стоит поподробнее рассмотреть: (ноу реклама я о нем только сегодня узнал)

Вверху это базовый код.
--
А что вообще там можно:
Сделать кнопки БОЛЬШИМИ, СрЕдНиМи, и маленькими.
Мне понравилось что можно сделать фон под кнопки, сделать их круглыми, и вертикальными (как лестница)
Так-же можно со счетчиком и без (резуьтат от всех соц.сетей суммируется) в одну и две строки.

Ну думаю все.
Просмотреть в действии:
Одноклассники: (и виджет и кнопка) http://corp.mybb.ru/
Pluso: (маленькие кнопки с фоном и без счетчика) http://es.sybb.ru/ (это короткий адрес с него перенаправит на основную версию)

ACT3255,надеюсь тебе это поможет!


??? У меня стоит это. Чем мне это ещё может помочь?
Извините если недопонял.

0

29

ACT3255 написал(а):

ACT3255,надеюсь тебе это поможет!
??? У меня стоит это. Чем мне это ещё может помочь?

Это вв-код стоит такой: [you], благодаря ему каждый читающий видит свой ник..))

0

30

kolobdur74 написал(а):

Мне нравится от Яндекса все в одном: http://api.yandex.ru/share/ - называется, выбирай какая нужна соцсеть и устанавливай..Удобно)) И код маленький))


Подскажите, пожалуйста, как переставить кнопочки соц/сетей из объявления в поле над сообщением рядом с кнопкой "Ответить"?
На скриншоте:

http://sa.uploads.ru/t/V4FKi.png

Отредактировано Чаечка (Чт, 13 Ноя 2014 10:20:33)

0

31

Чаечка
Не знаю как из объявления, в начало HTML низ поставьте =>

<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<script>
str='<div class="yashare-auto-init" style="margin-top:2px;float:right" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter"></div>'
$('#pun-main>h1').after(str)
</script>


Поправил

+1

32

Deff написал(а):

в начало HTML низ поставьте


спасибо. чуть переделала. жж не было:

<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<script>
str='<div class="yashare-auto-init" style="margin-top:2px;float:right" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"></div>'
$('#pun-main>h1').after(str)
</script>

Отредактировано Чаечка (Чт, 13 Ноя 2014 12:05:55)

0

33

Чаечка
См правку, и см у тьву текущий вариант (строка Страницы 1 2 3  сместились)

0

34

Deff
поправь, пожалуйста мой вариант последний. "22" на "2" поменяла и отмеченное красным тоже.

0

35

Чаечка

<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<script>
str='<div class="yashare-auto-init" style="margin-top:-52px;float:right" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"></div>'
$('#pun-main>.linkst').after(str)
</script>

0

36

Deff написал(а):

Чаечка

кнопки соц/сетей не кликабельные стали почему-то и закрывают кнопку "ответить"

0

37

Чаечка
Кидай ник пароль в личку - под гостем не видно ответить

+1

38

Deff написал(а):

<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<script>
str='<div class="yashare-auto-init" style="margin-top:-52px;float:right" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"></div>'
$('#pun-main>.linkst').after(str)
</script>

А можно чтоб над каждым постом было, чтоб именно на конкретный пост давалась ссылка например на пост № 7, тут есть скрипт, но он не пашет!

0

39

mihka1980
не люблю соц сетей, тем паче думать как туда ссылку каждого поста вставить, тема давно обсосанная, mkusher чот делал

0

40

Deff написал(а):

mihka1980
не люблю соц сетей, тем паче думать как туда ссылку каждого поста вставить, тема давно обсосанная, mkusher чот делал

Ну да в принципе, спасибо!

Код:
в html-верх:
<style type="text/css">
#share a {opacity: 0.6;}
#share a:hover {opacity: 1;}
</style>

в html-низ:
Код:

<script type="text/javascript">
$(function() {
$('a.permalink').each(function(){
$(this).append('<div id="share" style="margin: -18px 10px 0 0; text-align: right;"><a title="Опубликовать ВКонтакте" href="http://vkontakte.ru/share.php?url='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_vk.ico" ></a> <a title="Опубликовать в Facebook" href="http://www.facebook.com/share.php?u='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_fb.ico" ></a> <a title="Опубликовать в Twitter" href="http://twitter.com/share?url='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_tw.ico" ></a> <a title="Опубликовать на Одноклассниках" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_cl.ico" ></a> <a title="Опубликовать в Моем Мире" href="http://connect.mail.ru/share?share_url='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_mm.png" ></a> <a title="Опубликовать на Я.ру" href="http://share.yandex.ru/go.xml?service=yaru&url='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_ya.ico" ></a> <a title="Опубликовать в ЖЖ" href="http://www.livejournal.com/update.bml?event='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_lj.png" ></a> <a title="Добавить в Memory" href="http://memori.ru/link/?sm=1&u_data[url]='+$(this).attr('href')+'"><img src="http://livetweet.ru/style/imgs/shricn_me.ico" ></a></div>');
    }); });
</script>

Вот в этом скрипте можно сделать чтоб открывалось окошко, или новая вкладка, а не переходило в текущей странице

Отредактировано mihka1980 (Чт, 13 Ноя 2014 14:17:59)

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Виджеты на форуме