• 1380
  • 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, это на ваше усмотрение

Можешь почитать и вот эту статейку "Очень интересные стили и эффекты для горизонтального меню"

mistakes

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

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

Ваше мнение

Какой поисковой системой пользуетесь?
Результаты

Облако тегов

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