![]() ![]() ![]()
Какой рейтинг вас больше интересует?
|
Главная /
Каталог блогов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/ и настраиваем примерно так как на изображении.
![](/uploads/images/default/thumb/screenshot_11.png)
2.Как видите на скрине все кеомментарии будут выводиться в любой новости и хрен разберешь какой комментарий от куда,ладно продолжим,жмем кнопку GET CODE получить код.
Вот скрин кода
![](/uploads/images/default/thumb/screenshot_12.png)
3.Вставляем
Код:
<div id="fb-root"></div>в HEAD main.tpl.
<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>
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](http://ngcmshak.ru/engine/skins/default/smilies/smile.gif)
Переменные используемые в 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]21.Блокировка содержимого сайта при проведении работ на сайте,управляется в админке
{debug_queries}<br/>{debug_profiler}
[/debug]
Код:
[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 }}
Выдергиваем картинку из полной новости в короткую.
2014-02-10 01:54:35 (читать в оригинале)Сегодня распишу как выводить картинку из полной новости в короткую без дополнительного поля на TWIG .
Итак приступим.
1.Открываем файл news.short.tpl вставляем код туда где у нас будет картинка:
Код:
{% if (news.embed.imgCount > 0) %}2.Ищем код
<img src="{{ news.embed.images[0] }}" alt="" />
{% else %}
<img src="{{ tpl_url }}/img/img-none.jpg" alt="" />/* картинка заглушка*/
{% endif %}
Код:
{{ news.short }}и меняем на
Код:
{{ news.short|striptags }}3.Идем в файл variables.ini и ищем
Код:
[configuration]и исправляем на
extractEmbeddedItems = 0
Код:
[configuration]этим мы включаем выдергивание из новости изображений.
extractEmbeddedItems = 1
так вроде все с изображениями.Что непонятно комментируем.
Открытие нового окна на 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/ в разделе меню есть раздел радио
Стильное,полупрозрачное горизонтальное CSS3 меню с всплывающими пунктами при наведении
2014-02-06 19:55:14 (читать в оригинале)Сегодня покажу как поставить это классное меню на ваш сайт.
1.Скачиваем исходник,распаковываем и заливаем в папку с шаблоном или прописываем все ручками.
2.Вариант меню 1 ,добавляем этот код в main.tpl туда где вы хотите поставить меню.
Код:
<nav>3.Стили добавляем в файл стилей вашего шаблона.Подключаем шрифт с иконками, но это необходимо только для нашей демонстрации, у вас иконок может и не быть.
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</nav>
Код:
@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 {Все сделано на стилях html,без js.Пробуем ,смотрим,пишем
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;
}
![BlogRider сегодня BlogRider сегодня](/themes/1/i/menu/th/blogrider_today.png)
![Самый-самый блог Самый-самый блог](/themes/1/i/menu/tt/tough.png)
![Изменения рейтинга Изменения рейтинга](/themes/1/i/menu/th/rating_changes.png)
Категория «Бизнес»
Взлеты Топ 5
![]() | ||
+1006 |
1094 |
ДеВаЧкА-НеФоРмАлКа |
+989 |
1001 |
White_Rabbit_Pics |
+988 |
1000 |
Смотрим на жизнь сквозь сетку |
+934 |
1101 |
Вадим Гоц |
+928 |
932 |
Блог о подарках и праздниках |
Падения Топ 5
![]() | ||
-1 |
10 |
Блог Находчивого Продавца |
-1 |
459 |
alexfox2011 - BLOG.I.UA |
-2 |
3 |
Деньги в интернете |
-5 |
992 |
Allendy.ru - экономический портал |
-6 |
729 |
Натяжные потолки Херсон |
![Главные темы Главные темы](/themes/1/i/menu/th/main_themes.png)
Популярные за сутки
Загрузка...
![Загрузка... Загрузка...](/themes/1/i/loader/loader.gif)
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.