2623
- 0
- Обсудить на :на форуме
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Делая шаблон мне нужно было сделать разное оформление для коротких новостей ,как на изображении новости.В движке уже есть функция чет - нечет.Ну я начал рыться на форуме по этому вопросу и вот все что я нашел.
Вообщем там вроде так.
1. Для новостей:
В news.short.tpl:
Код:
<div class="news_{alternating}" id="post">
</div>В css добавляем стили:
Код:
.news_even {
background : #fafafa;
}
.news_odd {
background : #fff;
}Ну этот вариант мне не очень подошел ,и нашел вариант на TWIGe
Код:
{% if(alternating == 'odd') %} 1 {% else %} 2 {% endif %}Код:
[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]
Можешь почитать и вот эту статейку "Справочник по HTML,CSS"
Это тоже интересно
07.09.17Вывод иконки "новое"
22.11.13Фон для каждой категории
