Ваш профиль в чате

1 Перейти Админ Панель-Внешний вид-Ваш стиль-skin_shoutbox_hooks-hookGlobalShoutbox найти:

<h3 class='maintitle'>
		<a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'>{$this->lang->words['toggle_shoutbox']}</a>
		<a href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'>{$this->settings['shoutbox_title']}</a>
		<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>
	</h3>

2. Заменить на:

<if test="$this->memberData['member_id'] "> <div class="containerbg">
		<div class="bg-image">
<div class="customBackground"></div>
<PHP> $this->memberData['customization'] = @unserialize($this->memberData['pp_customization']); </PHP>
<div class='side left ipsPad'>
<h2 class="name">{$this->memberData['members_display_name']}</h2><br>
<h4 class="locationbg">{$this->memberData['prefix']}{$this->memberData['g_title']}{$this->memberData['suffix']}</h4></div>
<style type="text/css">
<if test="hasBodyCustomization:|:$this->memberData['customization']['bg_color'] OR $this->memberData['customization']['_bgUrl']"> .customBackground{ <if test="hasBackgroundColor:|:$this->memberData['customization']['bg_color']"> background-color: #{$this->memberData['customization']['bg_color']} !important; </if>
	<if test="hasBackgroundImage:|:$this->memberData['customization']['bg_url']"> background-image: url("{$this->settings['upload_url']}/{$this->memberData['customization']['bg_url']}?nc={$this->memberData['pp_profile_update']}") !important; <if test="backgroundIsFixed:|:! $this->memberData['customization']['bg_tile']"> background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: cover; <else /> background-position: 50% 50%; background-repeat: repeat; </if>
	</if> height: 156px; position: relative } </if>
</style>
</div>
		</div>

			<div class='followe'>
				<ul>
					<li><a>
						<span id='number'>

<if test="$this->memberData['pp_reputation_points'] > 0"> <span id='user_reputation' class="reputationbg positive" title='Репутация'>{$this->memberData['pp_reputation_points']}</span>
</if>
<if test="$this->memberData['pp_reputation_points'] < 0"> <span id='user_reputation' class="reputationbg negative" title='Репутация'>{$this->memberData['pp_reputation_points']}</span>
</if>
<if test="$this->memberData['pp_reputation_points'] == 0"> <span id='user_reputation' class="reputationbg zero" title='Репутация'>{$this->memberData['pp_reputation_points']}</span>
</if></span>
						<span id='followe'>Репутация</span>
					</a></li>


<div class='testbg'>
<a href='{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['your_profile']}'>{$this->lang->words['my_profile']}</a></div>
<div class='testbg1'>
<if test="pmLink:|:$this->memberData['members_disable_pm'] != 2 && $this->memberData['g_use_pm']"> <a href="{parse url="app=members&module=messaging" base="public"}">{$this->lang->words['user_dd_go_pm']}</a>
										</if></div>
<div class='testbg2'>
<if test="canUpdateStatus:|:$this->registry->getClass('memberStatus')->canCreate( $this->memberData ) && !($this->settings['board_offline'] && !$this->memberData['g_access_offline'])"> <form id='statusForm' action='{$this->settings['base_url']}app=members&amp;module=profile&amp;section=status&amp;do=new&amp;k={$this->member->form_hash}&amp;id={$this->memberData['member_id']}' method='post'> <input type='text' id='statusUpdateGlobal' name='content' class='input_text' style='border:solid 5px rgba(255, 255, 255, 0);background: rgba(184, 184, 184, 0.14);border-radius: 3px;' placeholder='Напишете вашият статус...'>
										<input type='submit' id='statusSubmitGlobal' class='input_submit' value='{$this->lang->words['global_update_status']}' /> <if test="update:|:(IPSLib::twitter_enabled() OR IPSLib::fbc_enabled() ) AND ( $this->memberData['fb_uid'] OR $this->memberData['twitter_id'] )"> </if>
										<br />
										<hr />
									</form>
								</if></div>
						<div class='silence'><a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'><img src="{$this->settings['img_url']}/cat_minimize.png" alt="{$this->lang->words['toggle_shoutbox']}" /></a>
		<a class='chat'href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'><i class="fa fa-comments fa-lg"></i></a>
		</div>

		<div class="imagebg"> <div class="profile_picture">

<img src='{$this->memberData['pp_small_photo']}' alt="{parse expression="sprintf($this->lang->words['users_photo'],$this->memberData['members_display_name'])"}" class='ipsUserPhoto1 ipsUserPhoto_mediumbg' style="width: 110px; height: 110px; margin: -5px 5px 5px -5px;border-radius: 100%;" /> </div></div>
					<div class="badboy">
</div></ul></div></if>

3.Перейти Админ Панель-Внешний вид-Ваш стиль-css-Добавить CSS-файла.

4. Назовите его containerbg

5. Поместить код туда:

.containerbg{ margin: 0; position: relative; overflow: hidden; background-color: #fff; border-radius: 7px 7px 0 0;
}
.badboy{ width: 0; height: 0; clear: both;
}

.bg-image{ height: 127px; background:#000; position: relative; border-bottom: 1px solid #38393A;
}

.bg-image:before{ content: ''; position: absolute; height: 213px; background: -webkit-linear-gradient(rgba(240, 240, 240, 0.31) 22%, rgba(240, 237, 240, 0.22) 51%, rgba(214, 214, 214, 0.28) 80%); background: -moz-linear-gradient(rgba(240, 240, 240, 0.31) 22%, rgba(240, 237, 240, 0.22) 51%, rgba(214, 214, 214, 0.28) 80%); right: -56px;
	-webkit-transform: rotate(-43deg);
	-moz-transform: rotate(-48deg); top: -79px;
	
}
.followe{ background:#2c3e50;
}
.followe li{
float: left; width: 201px; box-sizing : border-box;
-moz-box-sizing : border-box;
}

.followe b{ display: block; padding: 10px; text-decoration: none; color: #F5F5F5;
}
.followe a{ display: block; padding : 10px 0; text-decoration: none; color: #F5F5F5;
}
.followe span{ display: block; text-align: center;
} span#number{ font-size: 20px; text-shadow: 0 -1px 2px #000;
} span#followe{ text-shadow: 0 -1px 2px #000; font-size: 15px;
}
.imagebg{ width: 120px; height: 120px; position: absolute; background: #F7F9F9; border: 1px solid #211410; top: 45px; left: 140px; border-radius: 50%;
}

.imagebg:before{ content: ''; position: absolute; width: 110px; height: 110px; border-radius: 50%; top: 5px; left: 5px;
}
.profile_picture{ width: 120px; height: 120px; background: rgba(208, 208, 208, 1); position: absolute; border-radius: 100%; background-size: 100% 100%; padding: 6px; border: 4px solid rgba(208, 208, 208, 1);
} h2.name{ font-size: 22px; font-weight: 100; color: #B0AEAE; padding: 0; text-align: center; margin: 15px 10px 0px 30px;
} h4.locationbg{ font-size: 15px; font-weight: 300; color: rgba(170,170,170,1); padding: 0; text-align: center; margin: 8px 10px 10px 30px;
}
.side { position: absolute; margin-top: -150px;
;;
}
.testbg{ margin: 8px; background: #000; width: inherit; padding: 0 10px 0 10px; border-radius: 4px; position: absolute; left: 30%;
}
.testbg1{ margin: 8px; background: #000; width: inherit; padding: 0 10px 0 10px; border-radius: 4px; position: absolute; left: 42%;
}
.testbg2{ margin: 8px; width: inherit; position: absolute; left: 57.4%;
}
.silence .toggle { background: url({style_images_url}/cat_minimize.png) no-repeat; text-indent: -3000em; width: 25px; height: 25px; display: block; margin: 15px 5px 0 0; outline: 0;
}
.chat{
float: left; position: absolute; margin: 5px 10px; border-radius: 50%;
}

6.Перейти Админ Панель-Внешний вид-Ваш стиль-Глобальные-globalTemplate найти:

<!DOCTYPE html>

Ниже добавить:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">