Сегодня 17 февраля, понедельник ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7278
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Хаки и Скрипты 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

Переменные используемые в 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 }}


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

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
этим мы включаем выдергивание из новости изображений.
так вроде все с изображениями.Что непонятно комментируем.


Открытие нового окна на 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>
<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.Пробуем ,смотрим,пишем


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

 


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


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