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

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

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

Можешь почитать и вот эту статейку "Стильные,аннимированные чекбоксы на CSS3"

    {avatar}
    [profile][/profile]irbees2008[profile][/profile] 18 августа 2013 [if-have-perm]| [edit-com][/edit-com] | [del-com][/del-com][/if-have-perm] {comment-short}[comment_full]

    читать полностью

    [/comment_full] [answer]
    --------------------
    Ответ от{name}
    {answer}[/answer] [quote]

    irbees2008');" style="cursor: pointer;">ответить[/quote]

    {avatar}
    [profile][/profile]irbees2008[profile][/profile] 18 августа 2013 [if-have-perm]| [edit-com][/edit-com] | [del-com][/del-com][/if-have-perm] {comment-short}[comment_full]

    читать полностью

    [/comment_full] [answer]
    --------------------
    Ответ от{name}
    {answer}[/answer] [quote]

    irbees2008');" style="cursor: pointer;">ответить[/quote]

    {avatar}
    [profile][/profile]irbees2008[profile][/profile] 18 августа 2013 [if-have-perm]| [edit-com][/edit-com] | [del-com][/del-com][/if-have-perm] {comment-short}[comment_full]

    читать полностью

    [/comment_full] [answer]
    --------------------
    Ответ от{name}
    {answer}[/answer] [quote]

    irbees2008');" style="cursor: pointer;">ответить[/quote]

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйт cущecтвуeт: 4628 дней
  • Статических страниц: 10
  • Категорий: 28
  • Новостей: 618
  • Неопубликованных новостей: 8
  • Комментариев: 257
  • Зарегестрированных пользователей: 779
  • Онлайн всего: [13]
  • Гости: [12]
  • Поисковые роботы: [1] Google
  • Сегодня нас посетили: [7] Google, Larrytitly, Яндекс, Яндекс, irbees2008, Google, dankeanke
  • SQL запросов: 39
  • Генерация страницы: 0.141сек
  • Потребление памяти: 3.314 Mb 
  •   Яндекс.Метрика