Хаки и Скрипты Next Generation CMS : TWIG : Настраиваем разный дизайн короткой новости по чету и нечету

irbees2008 Опубликовано - 17 - октября TWIG

Обсудить на :на форуме
Адаптировал: 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, это на ваше усмотрение

Можешь почитать и вот эту статейку "Бегущая строка"

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.