Хаки и Скрипты Next Generation CMS

Хак комментарии социалок в табах(вкладках)

irbees2008 irbees2008 Опубликовано - 18 - августа Интерфейс
5192 - 3
  • Обсудить на :на форуме
  • Адаптировал: zenn
  • Источник:
  • Уровень сложности исполнения: нужны навыки css hmlt

Установка блоков комментариев от социалок в табах
1.Скачиваем стиль jqueryui-custom .Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
2.Добавляем в хеад main.tpl подключаем стиль и скрипт :

Код:
<script type="text/javascript" src="{tpl_url}/js/jquery-ui-1.8.16.custom.min.js"></script>
<link media="screen" href="{tpl_url}/style/jquery-ui-1.8.16.custom.css" type="text/css" rel="stylesheet" />
Так же в хеад добавляем:
Код:
<script type="text/javascript">
$(function(){
// Tabs
$('#tabs').tabs(); });
</script>
и подключаем туда же api
Код:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>
<script type="text/javascript">
VK.init({apiId: ваш_id, onlyWidgets: true});
</script>
<meta property="fb:admins" content="{00000000000000}"/>
<meta property="fb:app_id" content="00000000000000"/>
3.Теперь идем в news.full.tpl и заменяем
Код:
[isplugin comments]{plugin_comments}[/isplugin]
вот таким образом:
Код:
 <div id="tabs">
<ul>
<li><a href="#tabs-1">Комментарии</a></li>
<li><a href="#tabs-2">Вконтакте</a></li>
<li><a href="#tabs-3">Facebook</a></li>
</ul>
<div id="tabs-1">[isplugin comments]{plugin_comments}[/isplugin]</div>
<div id="tabs-2"><div id="vk_comments"></div>
<script type="text/javascript">
eval(unescape("VK.Widgets.Comments%28%22vk_comments%22%2C%20%7Blimit%3A%2025%2C%20width%3A%20%22400%22%2C%20attach%3A%20%22*%22%7D%29%3B"));
</script></div>
<div id="tabs-3">
<div id="cm_fb">
<div class="cmm_heading">
<a name="c" />Facebook комментарии (<fb:comments-count href=http://ваш_домен/></fb:comments-count>)</a>
</div>
<div id="fb-root"></div><script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script><fb:comments href="http://ваш_домен" num_posts="10" width="400"></fb:comments>
</div>
</div>
</div>

Вот и все пользуемся wink

Можешь почитать и вот эту статейку "Временные уведомления для вашего сайта"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4402 дня
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 662
  • Онлайн всего: [6]
  • Гости: [5]
  • Поисковики: [1] Google
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 34
  • Генерация страницы: 0.515сек
  • Потребление памяти: 5.171 Mb 
  •   Яндекс.Метрика