Перейти к содержанию
IPSGuru.ru - Сообщество веб администраторов

userInfoPane + Персонализация


Severniy

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

  • Администраторы

post-1-0-53387700-1432285002.png

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

Number of Topics Started 1.1.0.zip

Устанавливаем

Цитата

Заходим: ац -> внешний вид -> ваш стиль -> css -> добавить новый css
wa_userinfo_bg
Содержимое файла

.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_b2
span {color: #3e3e3e;font-size:18px}

.wa_userinfo_b3 {padding-top: 5px}

	.wa_userinfo_b3
span {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}
Цитата

Теперь открываем 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; 
  • Открываем Шаблоны - 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>

Цитата

Начинаем делать Персонализацию

post-1-0-53387700-1432285002.png

  • Открываем шаблоны -> Профили пользователей ->  customizeProfile
  • заменяем все содержимое на это:
<style type="text/css">
<if test="hasBodyCustomization:|:$member['customization']['bg_color'] OR $member['customization']['_bgUrl']">

#customBackground{
<if test="hasBackgroundColor:|:$member['customization']['bg_color']">
		background-color: #{$member['customization']['bg_color']} !important;
	</if>
	<if test="hasBackgroundImage:|:$member['customization']['_bgUrl']">
		background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important;
		<if test="backgroundIsFixed:|:! $member['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: 500px;
	margin: -9px -9px 0 -9px;
}

#profile_background > .ipsLayout{ position: relative; margin-top: -129px; }
#user_info_cell, #user_info_cell *{ color: #fff; text-shadow: rgba(0,0,0,0.9) 0px 1px 8px; }
.ipsLayout.ipsLayout_withleft{padding-left: 150px;background: none !important;}
#user_utility_links{ margin-top: 0; }

#user_utility_links a{
	background: url("{style_images_url}/trans50.png") repeat;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
	-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	border-radius: 3px;
	line-height: 30px;
	height: 30px;
	text-shadow: rgba(0,0,0,0.4) 0px 1px 0px;
	border: 0;
}

#user_utility_links a:hover{
	background: url("{style_images_url}/trans70.png") repeat;
	background: rgba(0,0,0,0.7);
}

#user_utility_links img{ margin-right: 4px; }

</if>
</style>
<script type="text/javascript">
	ipb.profile.customization = 1;
</script> 
  • Открываем  profileModern
    И после:
<div class='ipsBox vcard' id='profile_background'>
  • вставляем:
<div id="customBackground"></div>
  • Делаем персонализацию во всплывающем окне.
  • открываем: showCard и все заменяем на:
<div class='vcard userpopup'>

	<h3 class="wa_showcard"  style='

<if test="hasBackgroundColor:|:$member['customization']['bg_color']">
		background-color: #{$member['customization']['bg_color']} !important;
	</if>
	<if test="hasBackgroundImage:|:$member['customization']['_bgUrl']">
		background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important;
height: 100px !important;
line-height: 190px;
background-repeat: no-repeat;
-webkit-background-size: 100% 100% !important;
-moz-background-size: 100% 100% !important;
background-size: 100% 100% !important;
background-position: 50% 50%;
	</if>
</if>


background-image: url({$member['customization']['_bgUrl']}) !important;'>
<a href="{parse url="showuser={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}" class="fn nickname url">{$member['members_display_name']}</a></h3>

	<div class='side left ipsPad'>
		<a href="{parse url="showuser={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="showuser" base="public"}" class="ipsUserPhotoLink">
			<img src="{$member['pp_thumb_photo']}" alt="{$this->lang->words['get_photo']}" class='ipsUserPhoto ipsUserPhoto_large' />
		</a>
		<br />
		<if test="cardRep:|:$this->settings['reputation_enabled'] && $this->settings['reputation_show_profile']">
			<if test="cardRepPos:|:$member['pp_reputation_points'] > 0">
				<div class='reputation positive'>
			</if>
			<if test="cardRepNeg:|:$member['pp_reputation_points'] < 0">
				<div class='reputation negative'>
			</if>
			<if test="cardRepZero:|:$member['pp_reputation_points'] == 0">
				<div class='reputation zero'>
			</if>
					<span class='number'>{$member['pp_reputation_points']}</span>
				</div>
		</if>
		<a href='{parse url="app=core&module=search&do=user_activity&mid={$member['member_id']}" base="public"}' title='{$this->lang->words['gbl_find_my_content']}' class='ipsButton_secondary ipsType_smaller'>{$this->lang->words['gbl_find_my_content']}</a>
		<if test="cardSendPm:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $member['member_id'] AND $this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) AND $member['members_disable_pm'] == 0">
			<a href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$member['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' id='pm_xxx_{$member['member_id']}' class='pm_button ipsButton_secondary ipsType_smaller'>{$this->lang->words['pm_this_member']}</a>
		</if>
	</div>
	<div class='ipsPad'>
		<if test="cardStatus:|:$member['_status']['status_content']">
			<p class='message user_status'>{$member['_status']['status_content']}</p>
		</if>
		<div class='info'>
			<dl>
				<dt>{$this->lang->words['m_group']}</dt>
				<dd>{$member['_group_formatted']}</dd>
				<dt>{$this->lang->words['m_posts']}</dt>
				<dd>{parse format_number="$member['posts']"}</dd>
				<dt>{$this->lang->words['m_member_since']}</dt>
				<dd>{parse date="$member['joined']" format="joined"}</dd>
				<dt>{$this->lang->words['m_last_active']}</dt>
				<dd><if test="cardOnline:|:$member['_online']"><span class='ipsBadge ipsBadge_green'>{$this->lang->words['online_online']}</span><else /><span class='ipsBadge ipsBadge_grey'>{$this->lang->words['online_offline']}</span></if> {$member['_last_active']}</dd>
				<if test="cardWhere:|:$member['_online'] && ($member['online_extra'] != $this->lang->words['not_online'])">
					<dt>{$this->lang->words['m_currently']}</dt>
					<dd>
						{$member['online_extra']}
					</dd>
				</if>
				<if test="isadmin:|:$this->memberData['g_access_cp'] == 1">
					<dt>{$this->lang->words['m_email']}</dt>
					<dd><a href='mailto:{$member['email']}'>{$member['email']}</a></dd>
				</if>
			</dl>
		</div>
		<ul class='user_controls clear'>
			<if test="authorspammer:|:$member['spamStatus'] !== NULL && $member['member_id'] != $this->memberData['member_id']">
				<if test="authorspammerinner:|:$member['spamStatus'] === TRUE">
					<li><a href='#' title='{$this->lang->words['spm_on']}' onclick="return ipb.global.toggleFlagSpammer({$member['member_id']}, false)">{parse replacement="spammer_on"}</a></li>
				<else />
					<li><a title='{$this->lang->words['spm_off']}' href='{$this->settings['base_url']}app=core&module=modcp&do=setAsSpammer&member_id={$member['member_id']}&auth_key={$this->member->form_hash}' onclick="return ipb.global.toggleFlagSpammer({$member['member_id']}, true)">{parse replacement="spammer_off"}</a></li>
				</if>
			</if>
			<if test="cardFriend:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $member['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
				<if test="cardIsFriend:|:IPSMember::checkFriendStatus( $member['member_id'] )">
					<li><a href='{parse url="app=members&module=profile&section=friends&do=remove&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'>{parse replacement="remove_friend"}</a></li>
				<else />
					<li><a href='{parse url="app=members&module=profile&section=friends&do=add&member_id={$member['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'>{parse replacement="add_friend"}</a></li>
				</if>
			</if>
			<if test="cardBlog:|:$member['has_blog'] AND IPSLib::appIsInstalled( 'blog' )">
				<li><a href='{parse url="app=blog&module=display&section=blog&show_members_blogs={$member['member_id']}" base="public"}' title='{$this->lang->words['view_blog']}'>{parse replacement="blog_link"}</a></li>
			</if>
			<if test="cardGallery:|:$member['has_gallery'] AND IPSLib::appIsInstalled( 'gallery' )">
				<li><a href='{parse url="app=gallery&user={$member['member_id']}" seotitle="{$member['members_seo_name']}" template="useralbum" base="public"}' title='{$this->lang->words['view_gallery']}'>{parse replacement="gallery_link"}</a></li>
			</if>
		</ul>
	</div>
</div> 
Цитата

На этом всё!

 

  • Лайк 1
  • Нравится 1
Ссылка на комментарий
  • Severniy закрепил тема
  • 4 месяца спустя...

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйтесь. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...