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

irbees2008 Опубликовано - 18 - августа Интерфейс

Обсудить на :на форуме
Адаптировал: 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>