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

Настраиваем разный дизайн короткой новости по чету и нечету

irbees2008 irbees2008 Опубликовано - 17 - октября TWIG
1779 - 0
  • Обсудить на :на форуме
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Делая шаблон мне нужно было сделать разное оформление для коротких новостей ,как на изображении новости.В движке уже есть функция чет - нечет.Ну я начал рыться на форуме по этому вопросу и вот все что я нашел.
Вообщем там вроде так.
1. Для новостей:
В news.short.tpl:

Код:
<div class="news_{alternating}" id="post">
</div>
Соответственно alternating принимает значения odd или even, в зависимости от того чётная/нечётная это новость.
В css добавляем стили:
Код:
.news_even {
background : #fafafa;
}

.news_odd {
background : #fff;
}
2. Для комментриев также, только alternating в comment.show.tpl принимает значения comment_odd и comment_even.
Ну этот вариант мне не очень подошел ,и нашел вариант на TWIGe
Код:
{% if(alternating == 'odd') %} 1 {% else %} 2 {% endif %}
Вот мой вариант news.short.tpl
Код:
[TWIG]
{% if (alternating == 'odd') %}
<div class="row-fluid box one">
<div class="span6">
<a href="{{ news.url.full }}"><img src="{% if (p.xfields.poster.count < 1) %}{{ tpl_url }}/images/no_image.jpg{% else %}{{ p.xfields.poster.entries[0].purl }}{% endif %}" alt="{{ news.title }}" ></a>
</div>
<div class="span6">
<h3><a href="{{ news.url.full }}">{{ news.title }}</a></h3>
<p>{{ news.short|truncateHTML(230,'...') }}</p>
<a href="{{ news.url.full }}" class="btn">Подробнее</a>
</div>
</div>
{% else %}
<div class="row-fluid box two">
<div class="span6">
<h3><a href="{{ news.url.full }}">{{ news.title }}</a></h3>
<p>{{ news.short|truncateHTML(230,'...') }}</p>
<a href="{{ news.url.full }}" class="btn">Подробнее</a>
</div>
<div class="span6">
<a href="{{ news.url.full }}"><img src="{% if (p.xfields.poster.count < 1) %}{{ tpl_url }}/images/no_image.jpg{% else %}{{ p.xfields.poster.entries[0].purl }}{% endif %}" alt="{{ news.title }}" ></a>
</div>
</div>
{% endif %}
[/TWIG]
Конечно вы можете заменить odd на even, это на ваше усмотрение

Можешь почитать и вот эту статейку "Хочу кнопку submit вне формы"

Опрос

Ваше мнение

Ваше отношение к TWIG
Результаты

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

Теги

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

Статистика

  • Caйту: 3324 дня
  • Новостей: 542
  • Комменты: 254
  • Зарегистрированно : 571
  • Онлайн всего: [10]
  • Гости: [9]
  • Поисковики: [1] Google
  • Были сегодня : [4] Яндекс, Google, selischev, irbees2008
  • SQL запросов: 31
  • Генерация страницы: 0.35сек
  • Потребление памяти: 4.936 Mb 
  •   яндекс.ћетрика