userInfoPane как сделать рамку

[Anisimov]

Всем доброго времени суток!

 

Я знаю что не раз обсуждали про эту тему, но  не как не получается сделать. Подскажите как будет правильно.

 

Вот скрин;

 

1. Как сделать, что бы такая же рамка была у "Сообщение".?

2. И как добавить Репутацию такого же размера в самый вниз?

 

Вот код рамки в CSS:

.custom_fields li {background: #2b2b2b;

padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:90%;
}

 

Вот userInfoPane:

 

<div itemscope itemtype="__schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
	<ul class='basic_info'>
		<if test="membertitle:|:$author['member_title']">
			<p class='desc member_title'>{$author['member_title']}</p>
		</if>
		<if test="avatar:|:$author['member_id']">
			<li class='avatar'>
				<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
				</if>
				<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">	
					<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
				<else />
					<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
				</if>
				<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				</a>
				</if>
			</li>
		<else />
			<li class='avatar'>
				<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
			</li>
		</if>

		<li class='group_title'>
			{$author['_group_formatted']}
		</li>
		<if test="rankimage:|:$author['member_rank_img']">
			<li class='group_icon'>
			<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
				<img src='{$author['member_rank_img']}' alt='' />
			<else />
				{$author['member_rank_img']}
			</if>
			</li>
		</if>
		<if test="postCount:|:$author['member_id']">
		<li class='post_count desc lighter'>
			{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
		</li>
		</if>
		<if test="authorwarn:|:$author['show_warn']">
			<li>
				<if test="hasWarningId:|:$options['wl_id']">
					<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
				</if>
				
			</li>
		</if>
	</ul>

	<if test="authorcfields:|:$author['custom_fields'] != """>
		<ul class='custom_fields'>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">
						<li>
							{$field}
						</li>
					</if>
				</foreach>
			</foreach>
		</ul>
	</if>
	
</div>

 

Заранее спасибо! 

Изменено 19 января, 2014 пользователем Anisimov

[Envy]

Доброе утро.

У меня получилось так, можешь попробовать у себя.

В ipb_styles.css добавляешь 

.custom_fields {background: #2b2b2b;
padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:90%;
}

custom_fields можно заменить на что угодно, я назвал этот класс posticss

 

Далее в шаблоне UserInfoPane находишь строчку:

<li class='post_count desc lighter'>
			{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
		</li>

Тут необходимо удалить "post_count desc lighter" и вместо него написать "cutsom_fields", (в моем случае posticss)

 

Получится примерно так:

<li class='custom_fields'>
			{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
		</li>

Должно помочь.

[Anisimov]

Доброе утро.

 

 

День добры, все получилось но не так, они соединенные получилось

 

 

А как можно сделать что бы они были по отделенности, окошки? 

.custom_fields li {background: #2b2b2b;

padding:4px;

margin-top:2px;

border:1px solid #DDDDDD;

border-radius: 5px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

text-align:center;

width:90%;

}

 

Прописал в самый низ CSS

точнее вот этот 

 

 

.custom_fields {background: #2b2b2b;
padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:90%;
}

Если ."custom_fields" писать в CSS и userinfopain - Становиться как скрине.

Если "custom_fields li" писать в CSS, "custom_fields li" писать в userinfopain - становиться как было, точнее сообщение не выделяется. 

Если "custom_fields li" писать в CSS, "custom_fields" писать в userinfopain - становиться как было, точнее сообщение не выделяется. 

[Envy]

Anisimov, создай класс с другим названием, и к постам поставь не custom_fields, а то, что прописал в ipb_styles.css, например posticss, как взял я. Это же просто

[Anisimov]

Anisimov, создай класс с другим названием, и к постам поставь не custom_fields, а то, что прописал в ipb_styles.css, например posticss, как взял я. Это же просто

 

Спасибо, я понял.