Сегодня 12 апреля, суббота

Какой рейтинг вас больше интересует?

получить код

Главная /

Каталог блогов

/

Cтраница блогера Хаки и Скрипты Next Generation CMS

Записи в блоге

	Хаки и Скрипты Next Generation CMS Голосов: 1 Адрес блога: http://ngcmshak.ru Добавлен: 2013-12-31 14:21:51 блограйдером 88888888

Разделяем комментарии с плагина фэйсбука по новостям

2014-02-12 15:21:19 (читать в оригинале)

Многие замечали что когда добавляешь комментарии от фэйсбука то выводятся все комментарии в любой новости,а нам надо чтобы комментарии шли по новостям.
Для NGcms сделать это просто.
1.Идем https://developers.facebook.com/docs/plugins/comments/ и настраиваем примерно так как на изображении.

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

3.Вставляем

Код:

 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

в HEAD main.tpl.
4.А этот код

Код:

 <div class="fb-comments" data-href="http://ngcmshak.ru/" data-width="500" data-numposts="10" data-colorscheme="light"></div>

нам надо изменить так

Код:

 <div class="fb-comments" data-href="http://ngcmshak.ru/{news_link}" data-width="500" data-numposts="10" data-colorscheme="light"></div>

и теперь ставим в в полную новость там где у нас будет комментарий.
Демо смотрите в низу,раньше выводилось как на скрине выше.Не забудьте заменить ngcmshak.ru на ваш домен smile

Тэги: html,, разное
Постоянная ссылка

Переменные используемые в NG

2014-02-11 14:41:57 (читать в оригинале)

Решил сделать шпаргалку по переменным в которые используются в NGcms на TWIGe
1.выводим URL страницы

Код:

 {{ currentURL }}

2.Заголовок страницы

Код:

 {{ titles }}

выводится в head вот так

Код:

 <title>{{ titles }}</title>

3.Язык страницы

Код:

 {{ lang['langcode'] }}

выводится в head вот так

Код:

 <html lang={{ lang['langcode'] }}>

4.Кодировка страницы

Код:

 {{ lang['encoding'] }}

выводится в head вот так

Код:

 <meta charset={{ lang['encoding'] }}>

5.Указываем движок и версию

Код:

 {{ what }} {{ version }}

выводится в head вот так

Код:

 <meta name=generator content="{what} {version}" />

6.переменная указывает адрес до папки с шаблоном

Код:

 {{ tpl_url }}

Используется в шаблоне для упрощения указания адреса до файла в папке с шаблоном пример вывода картинки из папки images в папке шаблона

Код:

 <img src="{{ tpl_url }}/images/rss.png"/>

7.указывает путь до папки с библиотекой скриптов

Код:

 {{ scriptLibrary }}

8.Указывает путь до Домашней страницы

Код:

 {{ home}}

9.Выводит основное содержание ,новости

Код:

 {{ mainblock }}

10.Вывод формы поиска

Код:

 {{ search_form }}

11.Вывод персонального меню

Код:

 {{ personal_menu }}

12.Вывод плагина xnews

Код:

 {{ callPlugin('xnews.show', {'order' : 'viewed', 'count': '10', 'template' : 'xnews1'}) }}

13.Вывод плагина опросы

Код:

 {{ voting }}

14.Подключение скриптов плагинов

Код:

 {{ htmlvars }}

15.Инклюд ,вставка файла в шаблон,на этом примере вставляем файл шаблона слайдера

Код:

 {% include "slider.tpl" %}

16.Выводим плагин календарь

Код:

 {{ callPlugin('calendar.show') }}

17.Выводим плагин архив

Код:

 {{ callPlugin('archive.show', {'maxnum' : 12, 'counter' : 1, 'template': 'archive', 'cacheExpire': 60}) }}

18.Выводим плагин активные пользователи

Код:

 {{ callPlugin('top_active_users.show', {'number' : 12, 'mode' : 'news', 'template': 'top_active_users', 'cacheExpire': 60}) }}

19.Выводит название сайта указанное в админке

Код:

 {{ home_title }}

20.Вывод отладочной информации

Код:

 [debug]
{debug_queries}<br/>{debug_profiler}
[/debug]

21.Блокировка содержимого сайта при проведении работ на сайте,управляется в админке

Код:

 [sitelock]...[/sitelock]

22.Количество SQL запросов

Код:

 {queries}

23.Генерация страницы

Код:

 {exectime}

24.То ли размер страницы или потребление памяти

Код:

 {memPeakUsage}

25.Выводит категорию в новости

Код:

 {{ category }}

26.Адрес на полную новость

Код:

 {{ news.url.full }}

27.Название новости

Код:

 {{ news.title }}

28.Дата публикации новости

Код:

 {{ news.date }}

29.Ссылка на профиль автора новости

Код:

 {{ news.author.url }}

30.Вывод имени автора новости

Код:

 {{ news.author.name }}

31.Вывод короткой новости

Код:

 {{ news.short }}

32.Выводим количество просмотров новости

Код:

 {{ news.views }}

33.Выводим плагин теги в новости

Код:

 {{ tags }}

34.Выводим количество комментариев

Код:

 {comments-num}

35.Выводим плагин рейтинг новости

Код:

 {{ plugin_rating }}

36.Выводим плагин похожие новости

Код:

 {{ plugin_similar_tags }

37.Выводим плагин комментарии

Код:

 {{ plugin_comments }}

38.Адрес админки

Код:

 {{ admin_url }}

39.Адрес на добавление новости

Код:

 {{ addnews_link }}

40.Только админу

Код:

 [if-have-perm]...[/if-have-perm]

41.Адрес на редактирование профиля

Код:

 {{ profile_link }}

42.Адрес на страницу с сообщениями

Код:

 {{ p.pm.link }}

43.Вывод количества писем

Код:

  {{ p.pm.total }}

44.Вывод количества новых писем

Код:

 {{ p.pm.new }}

45.Адрес на выход

Код:

 {{ logout_link }}

46.Вывод полной новости

Код:

 {{ news.full }}

47.Вывод категорий содержит древовидное меню категорий новостей (см. также шаблон: categories.tpl)

Код:

 {{ categories }}

48.Вывод ссылки на редактирование новости

Код:

 {% if (news.flags.canEdit) %}<a  href="{{ news.url.edit }}">редактировать</a>{% endif %}

49.Вывод ссылки на удаление новости

Код:

 [del-news]Удалить[/del-news]

50.Выводим имя категории

Код:

 {{ category.name }}

51.Адрес иконки категории

Код:

 {{ category.icon.purl }}

52.Выводим информацию категории

Код:

 {{ category.info }}

53.Выводим пагинацию

Код:

 {{ pagination }}

54.Выводим дату обновления новости

Код:

 {{ news.update }}

55.

Код:

 {{ news.categories.masterText }}

56.Пагинация внутри новости

Код:

 {{ news.pagination }}

Тэги: twig
Постоянная ссылка

Выдергиваем картинку из полной новости в короткую.

2014-02-10 01:54:35 (читать в оригинале)

Сегодня распишу как выводить картинку из полной новости в короткую без дополнительного поля на TWIG .
Итак приступим.
1.Открываем файл news.short.tpl вставляем код туда где у нас будет картинка:

Код:

 {% if (news.embed.imgCount > 0) %}
<img src="{{ news.embed.images[0] }}"  alt=""  />
{% else %}
<img src="{{ tpl_url }}/img/img-none.jpg" alt=""  />/* картинка заглушка*/
{% endif %}

2.Ищем код

Код:

 {{ news.short }}

и меняем на

Код:

 {{ news.short|striptags }}

3.Идем в файл variables.ini и ищем

Код:

 [configuration]
extractEmbeddedItems	= 0

и исправляем на

Код:

 [configuration]
extractEmbeddedItems	= 1

этим мы включаем выдергивание из новости изображений.
так вроде все с изображениями.Что непонятно комментируем.

Тэги: twig
Постоянная ссылка

Открытие нового окна на js

2014-02-07 20:58:51 (читать в оригинале)

Иногда возникает необходимость при клике по ссылке не переходить по соответствующему адресу, а просто открывать новое окно, куда подгружать страницу. Скрипт позволяет открыть страницу в новом окне при клике по ссылке с помощью JavaScript. Вы можете это переделать под клик по изображению, по блоку и так далее.

Все просто
1.Сам скрипт вставляем между тегами head:

Код:

 <script type="text/javascript">
  function go(addr) {
    window.open(addr,"Имя окна", "menubar=yes,width=1024,height=768");
  }
</script>

В скрипте можете изменить имя окна,ширину и высоту окна.
2.Ссылка вызова скрипта добавляем между body:

Код:

 <a href = '' onclick="go('http://ngcmshak.ru/'); return false;">Жми меня</a>

здесь измените ссылку на ту которую хотите открыть.
Как видите все просто.
Этот скрипт я использовал для Вывода радио на сайте http://naraione.org/ в разделе меню есть раздел радио

Тэги: js,, lightbox, overlay, диалоги,
Постоянная ссылка

Стильное,полупрозрачное горизонтальное CSS3 меню с всплывающими пунктами при наведении

2014-02-06 19:55:14 (читать в оригинале)

Сегодня покажу как поставить это классное меню на ваш сайт.
1.Скачиваем исходник,распаковываем и заливаем в папку с шаблоном или прописываем все ручками.
2.Вариант меню 1 ,добавляем этот код в main.tpl туда где вы хотите поставить меню.

Код:

 <nav>
    <ul>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>
</nav>

3.Стили добавляем в файл стилей вашего шаблона.Подключаем шрифт с иконками, но это необходимо только для нашей демонстрации, у вас иконок может и не быть.

Код:

 @font-face {
    font-family: 'LigatureSymbols';
    src: url('LigatureSymbols-2.05.eot');
    src: url('LigatureSymbols-2.05.eot?#iefix') format('embedded-opentype'),
        url('LigatureSymbols-2.05.woff') format('woff'),
        url('LigatureSymbols-2.05.ttf') format('truetype'),
        url('LigatureSymbols-2.05.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}
nav {
    font-family: 'LigatureSymbols';
    margin : 50px auto;
    width  : 260px;
}
ul {
    border-radius : 3px;
    margin:0;
    padding:0;
}
ul:after , ul:before {
    display : block;
    content : '';
}
ul:after {
    clear : both;
}
li {
    list-style-type : none;
    background      : linear-gradient(rgba(220,220,255,0.4) 85%, rgba(255,255,255,0.5) 100%);
    float   : left;
    cursor  : pointer;
    padding : 3px 10px;
    border-top    : 2px solid rgba(200,200,255,0.5);
    border-bottom : 2px solid rgba(50,50,50,0.4);
}
li:first-child {
    border-radius : 5px 0 0 5px;
}
li:last-child {
    border-radius : 0 5px 5px 0;
}
li a {
    display : block;
    padding : 10px 13px;
    font-size : 26px;
    text-decoration : none;
    border-radius   : 5px;
    position        : relative;
    top   : 0;
    color : #FFF;
    transition : all .4s;
}
li:hover a {
    top   : -20px;
    color : #4eacff;
    background-color: #fff;
    box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
    transition : all .4s;
}
li a:after {
    display  : block;
    content  : '';
    position : absolute;
    top  : 100%;
    left : 42%;
    border-style : solid;
    border-color : transparent;
    border-width : 5px 5px 0 5px;
    transition   : all .4s;
}
li:hover a:after {
    border-color : white transparent transparent transparent;
    transition   : all .4s;
}

4.Вариант 2 ,добавляем этот код в main.tpl туда где вы хотите поставить меню.

Код:

 <nav class="menu2">
    <ul>
        <li><a href="#">Главная</a></li>
        <li><a href="#">О нас</a></li>
        <li><a class="selected" href="#">Контакты</a></li>
        <li><a href="#">Блог</a></li>
    </ul>
</nav>

5.Стили.

Код:

 .menu2 {
    width : 394px;
}
.menu2 a {
    font-family : georgia;
    font-size   : 14px;
    font-style  : italic;
    text-transform : capitalize;
}
.menu2 li {
    border-right  : 1px solid rgba(200,200,255,0.5);
    border-left   : 1px solid rgba(40,40,40,0.2);
}
.selected {
    top   : -20px;
    color : #4eacff;
    background-color: #fff;
    box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
    transition : all .4s;
}
.selected:after {
    border-color : white transparent transparent transparent;
    transition   : all .4s;
}

Все сделано на стилях html,без js.Пробуем ,смотрим,пишем

Тэги: css, меню, навигация,
Постоянная ссылка

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

Блограйдеров
14509

Блогов
219947
(+0 сегодня)

Сообществ
1311
(+0 сегодня)

ЖЖ все стерпит
по сумме баллов (758) в категории «Истории»

Категория «Истории»

Взлеты Топ 5


+1920	1940	Дрочливый_Драчун
+1899	1946	Коптящий_Небо
+1891	1957	Da_Queen_of_Da_World
+1873	1964	Splash_Phantom
+1754	1777	jolly_M

Падения Топ 5


-1	1270	Выдающиеся женщины
-1	829	Работа в интернете
-1	1180	Вкусное меню
-2	1062	TradeIP
-2	84	xpyctal

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.