Сегодня 6 апреля, воскресенье

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

получить код

Главная /

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

/

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

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

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

Вывод изображения через плагин xfields

2013-11-23 14:44:22 (читать в оригинале)

Всем привет.Сегодня объясню как вывести изображение в новость с помощью плагина xfields(дополнительные поля).
Ну у нас имеется три варианта вывода изображения ,но сегодня познакомимся с первым через доп. поля.
1.Включаем плагин xfields

2.Заходим в настройки плагина и в

Цитата:
Новости: поля

жмем добавить новое поле и заполняем так как показано на скрине

и сохраняем.
3.Теперь при добавлении новости у нас будет дополнительное поле Изображение

4.Открываем файл news.full.tpl и news.short.tpl и добавляем код вывода доп поля

Код:

 {% if (p.xfields.тут id поля.count < 1) %}
<img src="{{ tpl_url }}/images/noimage.jpg" width="300" height="200" />/--здесь выводится картинка "нет изображения"--/
{% else %}
<img src="{{ p.xfields.тут id поля.entries[0].url }}" width="300" height="200" />/--здесь выводится наше изображение--/
{% endif %}

надо изменить "тут id поля" на наше поле "img".и залить изображение "нет изображения" в папку images
Ну вот и все с первым вариантом разобрались.

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

Регистрация в модальном окне

2013-11-22 02:47:22 (читать в оригинале)

Регистрация в модальном окне,может кому пригодится
1.Итак приступим,пропишем в стили стиль окошка

Код:

 .modal-window {
        display: none;
        position: absolute;
        z-index: 100;
        background: #eee;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #000000;
 
        left: 30%;
        top: 30px;
    }
    .modal-window-close {
        position: absolute;
        font-size: 10px;
        cursor: pointer;
        right: 4px;
        top: 4px;
    }
    .modal-window-title {
        text-align: center;
    }
    .modal-window-content {
        padding: 5px;
    }

2.Кнопка вызова окна

Код:

 <a href="{home}/register/" onclick="return showModal(this);">Регистрация</a>

3.Код самого окошка

Код:

 <div id="modalWindow" class="modal-window">
    <div class="modal-window-close" onclick="this.parentNode.style.display='none';">Закрыть</div>
    <div class="modal-window-title">Регистрация</div>
    <div class="modal-window-content">
        <iframe src="about:blank" width="600" height="300" frameborder="0"></iframe>
    </div>
</div>

4.Подключаем скрипт вывода окна в head

Код:

 <script type="text/javascript">
    function showModal(self) {
        var modal = document.getElementById('modalWindow');
        var iframe = modal.getElementsByTagName('iframe')[0];
        iframe.src = self.href;
        modal.style.display = 'block';
        return false;
    }
</script>

5.Ну и скрываем все блоки в main.tpl для страницы регистрации кроме

Код:

 {mainblock}

вот так

Код:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{l_langcode}" lang="{l_langcode}" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset={l_encoding}" />
<meta http-equiv="content-language" content="{l_langcode}" />
<meta name="generator" content="{what} {version}" />
<meta name="document-state" content="dynamic" />
{htmlvars}
<link href="{tpl_url}/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="{home}/rss.xml" rel="alternate" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="{scriptLibrary}/functions.js"></script>
<script type="text/javascript" src="{scriptLibrary}/ajax.js"></script>
<title>{titles}</title>
</head>
<body>[TWIG]
[sitelock]
<div id="loading-layer"><img src="{tpl_url}/images/loading.gif" alt="" /></div>
{% if not isHandler('core:registration') %}

тут ваши блоки
тут ваши блоки
тут ваши блоки

{% endif %}

{mainblock}

{% if not isHandler('core:registration') %}

тут ваши блоки
тут ваши блоки
тут ваши блоки

{% endif %}
[/TWIG]
[/sitelock]

<div id="modalWindow" class="modal-window">
    <div class="modal-window-close" onclick="this.parentNode.style.display='none';">Закрыть</div>
    <div class="modal-window-title">Регистрация</div>
    <div class="modal-window-content">
        <iframe src="about:blank" width="600" height="300" frameborder="0"></iframe>
    </div>
</div>
</body>
</html>

вот и все

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

Вывод аттача через TWIG

2013-11-22 00:18:33 (читать в оригинале)

Вывод аттача через TWIG

Код:

 {% for file in _files %}
{% if (file.plugin == '') %}Скачать: <a href="{{ file.url }}">{{ file.origName }}</a>{% endif %}
{% endfor %}

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

Фон для каждой категории

2013-11-21 23:56:41 (читать в оригинале)

Фон для каждой категории на твиге,спасибо за подсказку easmik
Итак приступим
1.Открываем файл main.tpl и ищем

Код:

 <body>

и заменяем на этот код

Код:

 <body [TWIG]{% if isCategory('category1') %}
  style="background-color: black;"
{% endif %}
{% if isCategory('category2') %}
  style="background-color: orange;"
{% endif %}
[/TWIG] >

2.Меняем category1 и category2 на id ваших категорий или альт имя,там же можно перечислить категории в которых будет один фон типа так

Код:

 <body [TWIG]{% if isCategory('1,3,5,7,9 ') %}
  style="background-color: black;"
{% endif %}
{% if isCategory('2,4,6,8,10') %}
  style="background-color: orange;"
{% endif %}
[/TWIG] >

3.За место background-color: orange; можно использовать изображения
вот вроде все

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

Модальное окно с фреймом

2013-11-21 03:04:31 (читать в оригинале)

Модальное окно с фреймом,может кому пригодится
Здесь ничего сложного,стили ,скрипт и сам код окошка.

Код:

 <style>
    .modal-window {
        display: none;
        position: absolute;
        z-index: 100;
        background: #eee;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 2px 2px 5px #000000;

        left: 30%;
        top: 30px;
    }
    .modal-window-close {
        position: absolute;
        font-size: 10px;
        cursor: pointer;
        right: 4px;
        top: 4px;
    }
    .modal-window-title {
        text-align: center;
    }
    .modal-window-content {
        padding: 5px;
    }
</style>
<script type="text/javascript">
    function showModal(self) {
        var modal = document.getElementById('modalWindow');
        var iframe = modal.getElementsByTagName('iframe')[0];
        iframe.src = self.href;
        modal.style.display = 'block';
        return false;
    }
</script>
<div id="modalWindow" class="modal-window">
    <div class="modal-window-close" onclick="this.parentNode.style.display='none';">Закрыть</div>
    <div class="modal-window-title">Я модальное окно)</div>
    <div class="modal-window-content">
        <iframe src="about:blank" frameborder="0"></iframe>
    </div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam facilisis lorem ac dapibus ullamcorper. Pellentesque vestibulum felis eu odio bibendum, <a href="http://ngcmshak.ru/dialogi-overlay-i-lightbox/modalnoe-okno-s-freimom.html" onclick="return showModal(this);">ткни сюда</a>, ut viverra leo vestibulum. Sed a ipsum posuere, egestas mauris vel, porta magna. Mauris malesuada ipsum in lectus auctor, vel venenatis turpis facilisis. Mauris at eros libero. Curabitur eleifend lorem vel feugiat dignissim. Nam non molestie tortor.</p>
<p> Nullam arcu ligula, lacinia et diam ut, euismod congue metus. Nam erat enim, hendrerit at luctus in, vehicula quis turpis. Nulla id quam at nibh lacinia sollicitudin eget dictum massa. Donec ac arcu in dolor scelerisque tempor vel in justo. Sed elit orci, luctus vel magna a, dapibus ultricies nisl. Curabitur nunc lacus, ullamcorper nec libero at, fringilla luctus eros. Mauris faucibus eu risus id interdum. Duis ante quam, volutpat et tristique sed, tristique non nibh.</p>

Посмотреть можете скопировав код и вставив в панель для проверки скриптов, справа.

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

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

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

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

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

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Поэты»

Взлеты Топ 5


+27	41	biletiks

Падения Топ 5


-5	36	Счастливые мамашки
-9	2	gvud
-16	13	mydorian

Загрузка...

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