Изменить Вид темы и Userinfo

[♥ <MISS>]

Добрый вечер всем. Нужна ваша помощь , а точнее хочу изменить вид в теме и немножко поправить UserInfo, но не знаю где и что нужно заменить чтобы сделать так,
как вид темы на IPS4.

Вот мой вид темы у меня

Хотела бы изменить цвет там где надпись количество сообщений в теме, а Ник перенести к аватарке, а чтобы эта синяя полоска пропала, ниже пример

 

Изменено 2 июля, 2015 пользователем <MISS>

[Efremov]

Может посмотреть код с этого стиля- http://ipbmafia.ru/files/file/1399-ips-4-theme/   ?

Изменено 2 июля, 2015 пользователем Efremov

[♥ <MISS>]

Может посмотреть код с этого стиля- http://ipbmafia.ru/files/file/1399-ips-4-theme/   ?

там же версия подходящая для моего шаблона или это не важно?

[Respected]

Версия форума 3.4.x

[x22]

Как я знаю, код вывода ника находится в одном шаблоне, а юзеринфо в другом, нужно будет менять переменную

[Viktar83]

1) перенести ник: 

Надо править шаблон "шаблоны --> темы --> post"

Код, отвечающий за вывод имени:

<if test="postMember:|:$post['author']['member_id']">
	<span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$post['author']"}</span>
<else />
	{parse template="userHoverCard" group="global" params="$post['author']"}
</if>

надо перенести чуть ниже, вот сюда, где выводиться аватарка и т.д.:

<div class='author_info'>
	{parse template="userInfoPane" group="global" params="$post['author'], $post['post']['pid'], array( 'isTopicView' => true, 'wl_id' => $post['post']['wl_id'] )"}
</div>

получится так:

<div class='author_info'>
			
	<if test="postMember:|:$post['author']['member_id']">
		<span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$post['author']"}</span>
	<else />
		{parse template="userHoverCard" group="global" params="$post['author']"}
	</if>
				
	{parse template="userInfoPane" group="global" params="$post['author'], $post['post']['pid'], array( 'isTopicView' => true, 'wl_id' => $post['post']['wl_id'] )"}

</div>

Добавляем кружок-индикатор онлайн, в итоге имеем:

<div class='author_info'>

	<if test="$post['author']['_online']"><span style="cursor:default;color:#99CC00;font-size:20px;" class='post_online' data-tooltip="ONLINE">&#9679;</span><else /><span style="cursor:default;color:#999999;font-size:20px;" class='post_online' data-tooltip="OFFLINE">&#9679;</span></if>
	
	<if test="postMember:|:$post['author']['member_id']">
		<span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$post['author']"}</span>
	<else />
		{parse template="userHoverCard" group="global" params="$post['author']"}
	</if>
				
	{parse template="userInfoPane" group="global" params="$post['author'], $post['post']['pid'], array( 'isTopicView' => true, 'wl_id' => $post['post']['wl_id'] )"}

</div>

2) Правим css

внизу ipb_styles.css дописать

/************************************************************/
/* новый вид в теме, просто удалить для возврата к старому */
/*  */
/* убрать синюю разделяющую полоску (вернее сделать белой и чуть меньше) */
.post_block h3 {
  background: #fff;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
input.post_mod {
  margin: 1px 5px;
}
/* полоску вверху с количеством сообщений сделать синей */
.maintitle {
  color: #fff;
  background-color: #5e95cc;
}
/* сделать крупнее имя */
.author_info > .author {
  font-size: 20px;
}
/* аватар по центрк и чуть правим */
.author_info {
  width: 225px;
  padding: 15px 0px;
}
li.post_count, li.warn {
  margin: 0px;
}

/************************************************************/

ПС: если что-то с внешним видом будет не так (не имею этого стиля и проверить 100% не могу), пишите - поправим.