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

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

irbees2008 irbees2008 Опубликовано - 17 - октября TWIG
2391 - 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, это на ваше усмотрение

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

Опрос

Ваше мнение

Какие темы вам интереснее?
Результаты

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

Теги

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

Статистика

  • Caйту: 4486 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 670
  • Онлайн всего: [3]
  • Гости: [3]
  • SQL запросов: 31
  • Генерация страницы: 0.337сек
  • Потребление памяти: 5.157 Mb 
  •   Яндекс.Метрика