userInfoPane как на Web-Ask

И так начнем.
Качаем этот файл(хук)

Number of Topics Started 1.1.0.zip

и устанавливаем его
 
Заходим: ац -> внешний вид -> ваш стиль -> css -> добавить новый css

 

 

wa_userinfo_bg

(если вы читали данную)

Персонализация как на Web-Ask
 

тему то просто редактируем тот css'ник) С таким содержимым:
 

.wa_userinfo_bg{height: 50px;background: #fff !important;background-size: 100% 100% !important;border-radius: 2px 2px 0 0;}.wa_userinfo_b3.ipsButton_secondary {	padding: 0 5px }.wa_userinfo {	background: #Fff;	margin:3px 0 0 3px;	border-radius: 2px;	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2) }.wa_userinfo_b1 {text-align: center;margin-top:-40px}	.wa_userinfo_b1 img {		height: 80px;		border-radius: 800px;		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);		border: 2px		solid #fff	 }.wa_userinfo_b2 {padding-top: 10px}	.wa_userinfo_b2span {color: #3e3e3e;font-size:18px}.wa_userinfo_b3 {padding-top: 5px}	.wa_userinfo_b3span {color: #b0b4b7;font-size:11px}.wa_userinfo_b4 {	background: #F8F8F8;	overflow: hidden;	padding: 7px;	margin-top: 5px }.pm_button img{width: 20px;}.wa_userinfo_b4_1 {width: 50%}.wa_userinfo_b4_m {color: #c2c4c6}

добавляем(если вы читали данную тему )
Персонализация как на Web-Ask
 

.wa_userinfo_b3.ipsButton_secondary {	padding: 0 5px }.pm_button img{width: 20px;}.wa_userinfo {	background: #Fff;	margin:3px 0 0 3px;	border-radius: 2px;	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2) }.wa_userinfo_b1 {text-align: center;margin-top:-40px}	.wa_userinfo_b1 img {		height: 80px;		border-radius: 800px;		box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);		border: 2px		solid #fff	 }.wa_userinfo_b2 {padding-top: 10px}	.wa_userinfo_b2span {color: #3e3e3e;font-size:18px}.wa_userinfo_b3 {padding-top: 5px}	.wa_userinfo_b3span {color: #b0b4b7;font-size:11px}.wa_userinfo_b4 {	background: #F8F8F8;	overflow: hidden;	padding: 7px;	margin-top: 5px }.wa_userinfo_b4_1 {width: 50%}.wa_userinfo_b4_m {color: #c2c4c6}

теперь открываем ipb_styles.css

ищем:

.author_info

и все что внутри заменяем на это:

width: 200px;float: left;font-size: 12px;text-align: center;margin: 3px 3px 0 0;padding: 0 0px 6px 0px;

ищем:

.post_body 

и все содержимое что внутри меняем на это:

margin-left: 200px !important;background: #FCFCFC;padding-left: 10px;padding-top: 10px;

С Css закончили.
Работа с шаблонами:
Открываем userInfoPane
и все содержимое меняем на это:

<div class="wa_userinfo" itemscope="" itemtype="http://schema.org/Person">	<span class="hide" itemprop="name">    {$author['members_display_name']}  </span><div class="wa_userinfo_bg" style='<if test="hasBodyCustomization:|:$author['customization']['bg_color'] OR $author['customization']['_bgUrl']">  <if test="hasBackgroundColor:|:$author['customization']['bg_color']">background-color: #{$author['customization']['bg_color']} !important;  </if>  <if test="hasBackgroundImage:|:$author['customization']['_bgUrl']">    background-image: url("{$author['customization']['_bgUrl']}?nc={$author['pp_profile_update']}") !important;margin-bottom: -60px !important;    <if test="backgroundIsFixed:|:! $author['customization']['bg_tile']">      background-color: #FFFFFF !important;background-position: 50% 50%;background-repeat: no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100% !important;height: 110px;width: 197px;margin-left: 0px !important;margin: -9px -9px 0 -9px;    <else />      background-position: 0px 0px;      background-attachment: fixed;      background-repeat: repeat;    </if>  </if></if>'></div>  <div class="wa_userinfo_b1">    <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />  </div>    <div class="wa_userinfo_b3"><if test="pmlink:|:($author['member_id'] != $this->memberData['member_id']) AND $this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) AND $author['members_disable_pm'] == 0"><a class='pm_button ipsButton_secondary ipsType_smaller' id='pm_xxx_{$author['member_id']}' href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$member['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' class='ipsButton_secondary'><img src='http://talk.web-ask.ru/public/style_images/webask_new/email_open.png' alt='' /></a>						</if><if test="noFriendYourself:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $author['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">								<if test="isFriend:|:IPSMember::checkFriendStatus( $author['member_id'] )">									<a class='pm_button ipsButton_secondary ipsType_smaller' href='{parse url="app=members&section=friends&module=profile&do=remove&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'><img src='http://talk.web-ask.ru/public/style_images/webask_new/user_delete.png' alt='{$this->lang->words['remove_friend']}' /></a>								<else />									<a class='pm_button ipsButton_secondary ipsType_smaller' href='{parse url="app=members&section=friends&module=profile&do=add&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'><img src='http://talk.web-ask.ru/public/style_images/webask_new/user_add.png' alt='{$this->lang->words['add_friend']}' /></a>								</if>						</if><if test="$author['field_12']">  <a href="http://www.privatelink.de/?{$author['field_12']}" target="_blank" class="ipsButton_secondary ipsType_smaller"><img src="http://talk.web-ask.ru/public/style_extra/cprofile_icons/profile_website.png" style="width:20px;"></a><else /><a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="http://talk.web-ask.ru/public/style_extra/cprofile_icons/profile_website.png"></a></if><if test="$author['custom_fields']['contact']['skype']">  {$author['custom_fields']['contact']['skype']}<else /><a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="http://talk.web-ask.ru/public/style_extra/cprofile_icons/profile_skype.png"></a></if><if test="$author['custom_fields']['contact']['vk']">{$author['custom_fields']['contact']['vk']}<else /><a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="http://talk.web-ask.ru/public/style_extra/cprofile_icons/profile_vk.png"></a></if>  </div>  <div class="wa_userinfo_b4">    <div class="left wa_userinfo_b4_1">      <div>        <span class="wa_userinfo_b4_m">Сообщений</span>      </div>      <div style="padding-top: 5px;">        <span style="font-size: 15px;">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>      </div>    </div><if test="authorcfields:|:$author['custom_fields'] != """></if></div></div>

Сохраняем,открываем:

 

 

hookTopicsStarted

и все содержимое меняем на это:

<div class="right wa_userinfo_b4_1"><div><span class="wa_userinfo_b4_m">{$this->lang->words['m_topics']}</span></div><div style="padding-top: 5px;"><span style="font-size: 15px;">{parse format_number="$topics"}</span></div></div>