Перейти к содержимому
Русский язык для Invision Community 5

Чередование фона

Каким образом реализовать чередование фона ответов в теме?

 

Добавление скрипта в topicViewTemplate, не помогает...

 

       <script src="/jquery.js"></script>
<script type="text/javascript">
$(function(){
 $('.bg-post:odd').addClass('bg-change');
})
</script>
		<foreach loop="post_data:$post_data as $post">

<div class='bg-post'>       

			{parse template="post" group="topic" params="$post, $displayData, $topic, $forum"}
       </div>       
		</foreach>

Рекомендованные сообщения

  • Автор

Помогла такая конструкция

 

<if test="hasPosts:|:is_array( $post_data ) AND count( $post_data )">
	<div id='ips_Posts'>
 <style>
  .bg-post:nth-child(2n) {
   background: #fafafa !important; /* Цвет фона */
  }    
 </style>
 			<foreach loop="post_data:$post_data as $post">

<div <if test="$post['post']['post_count']==1"> class='bg-change' <else />class='bg-post'</if> >       

			{parse template="post" group="topic" params="$post, $displayData, $topic, $forum"}
</div>       
		</foreach>
</div>
   </if> 

 

может кому-нибудь пригодиться...

  • Автор

topicViewTemplate

Корректировка. У меня небольшой перекос в шаблоне post по дивам, из-за чего первый и второй пост шли с одним цветом фона. В нормальном режиме условие if по первому посту не требуется.

 


<if test="hasPosts:|:is_array( $post_data ) AND count( $post_data )">
       <div id='ips_Posts'>
 <style>
  .bg-post:nth-child(2n+1) {
   background: #fafafa !important; /* Цвет фона */
  }    
 </style>
           <foreach loop="post_data:$post_data as $post">

<div class='bg-post'>       

               {parse template="post" group="topic" params="$post, $displayData, $topic, $forum"}
</div>       
           </foreach>
   </div>
   </if> 

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.