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

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

irbees2008 irbees2008 Опубликовано - 18 - августа Интерфейс
5272 - 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

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

Опрос

Ваше мнение

Ваше отношение к TWIG
Результаты

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

Теги

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

Статистика

  • Caйту: 4614 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [50]
  • Гости: [50]
  • Были сегодня : [3] Google, Яндекс, irbees2008
  • SQL запросов: 32
  • Генерация страницы: 0.284сек
  • Потребление памяти: 5.337 Mb 
  •   Яндекс.Метрика