Перейти к публикации

Приветствуем вас на нашем форуме

Приветствуем вас на нашем форуме

У нас можно скачать различные стили на разные тематики, а так же приложения, плагины и т.д. 😍

Подробнее

Ищите игровые стили?

Ищите игровые стили?

У нас широкий выбор игровых стилей разной цветовой гаммы и не только.

Перейти к списку

Модификации для форумов

Модификации для форумов

Огромный список модификаций для IPS 4.3

Перейти к списку

Премиум подписка

Покупая премиум доступ вы получаете возможность скачивать не ограниченное кол-ва приватного контента. 

А так же получать поддержку вне очереди.

Приобрести

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

А можно отдельную тему,вывода "Скайп,сайт,и т.д"  в userpane

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

@deN^kAAA! сделаю сегодня.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

@deN^kAAA! Держи

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

нормасик

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

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

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

  • Наш выбор

    • Chocolate
      Chocolate - Рациональное распределение панелей инструментов и хорошо структурированный дизайн стиля помогают пользователям плавно испытать потрясающий веб-сайт с серфингом.
      В целом, мы рекомендуем Вам попробовать этот новый стиль и дать нам обратную связь от вашего опыта.
      Любой комментарий поможет нам завершить наш продукт лучше.

      Демо форум: vsecraft.ru
      • 0 ответов
    • Приложение IPSGuru.Ru на Android. Тест
      Приложение IPSGuru.Ru на Android 4+

      Это тест приложение.

      Так что прошу Вас протестировать и отписаться в теме.

      Спасибо тестерам большое заранее.

      Скриншоты с моего Nokia 2.  Android 7.1.1

      По результатам теста будет сделана основное приложение.
        • Лайк
      • 0 ответов
    • IPS Gradient Theme
      Gradient Theme очень настраиваемая тема поставляется с большим количеством функций и настроек. В комплекте с палитрой и 3 цветовыми схемами (темные и светлые цветовые схемы включены), вся цветовая схема тема может быть изменена одним щелчком мыши в настройках темы, что делает его очень легко переключаться между темными или светлыми цветовыми версиями или настроить на них.
      Некоторые области, такие как navbar и виджеты, цвета фона автора темы, управляются с помощью параметров цвета градиента.
        • Спасибо
        • Лайк
      • 0 ответов
    • IPSGuru.Ru
      Оригинальный стиль форума IPSGuru.RU
      Стиль обновлён под актуальную версию форума.
      В архиве присутствуют все нужные плагины + инструкция.
        • Лайк
      • 0 ответов
    • Приложение добавит на ваш сайт встроенную систему поинтов и магазин пользователей, где ваши пользователи смогут зарабатывать и тратить полученные поинты (или заработанные, если установлено приложение Коммерция).
        • Лайк
      • 0 ответов
×