Редактирование Панели пользователя в темах

[Jeka_Pro]

Здравствуйте,по мануалу сделал такую иконку для пользователей в теме, получилось так 

Нужно изменить что бы подходило под мой стиль, какой ргб цвет использовать нужно,и где его заменить? а так же что бы картинку всю показывало.
Все что делалось для этого что сейчас я написал ниже.

 

Спойлер

• ACP - Внешний вид - Стили и шаблоны - Ваш шаблон - forums - topics - postContainer
• Всё содержимое заменяем, на:

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
	<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
      
		{lang="ignoring_content" sprintf="$comment->author()->name"}
		<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
			<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
			<li class='ipsMenu_sep ipsJS_show'><hr></li>
			<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
			<li class='ipsMenu_item'><a href='{url="app=core&module=members&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
		</ul>
	</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article itemscope {{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium'>
	    <div class='author_info'>
			<div class="wa_pContainer" itemscope="" itemtype="http://schema.org/Person">
				<div class="pContainer_b1">
					{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
				</div>
              
              		{{$coverPhoto = $comment->author()->coverPhoto();}}
				    {{if $coverPhoto->file}}
					<div class="pc_coverphoto" style="background-image: url('{$coverPhoto->file->url}') !important;">
              </div>
			          {{else}}
			          {{endif}}
              
            <h3 class='ipsType_reset ipsStreamItem_title ipsTruncate ipsTruncate_line' itemprop="creator" itemscope itemtype="http://schema.org/Person">
          	   <strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong>
                  </h3>
            <p class="ipsType_reset ipsType_medium"> 
            {{if $comment->author()->member_title && $comment->author()->member_id}}
			{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
			{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}
			{{endif}}
            </p>
              
              	<div class="wa_pContainer_b3">
                  <div class="wa_pContainer_lnk">
					{{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id}}
							{{if \IPS\Member::loggedIn()->member_id != $comment->author()->member_id and ( !$comment->author()->members_bitoptions['pp_setting_moderate_followers'] or \IPS\Member::loggedIn()->following( 'core', 'member', $comment->author()->member_id ) )}}
								{{$memberFollowers = $comment->author()->followers();}}
								{{if member.member_id}}
										{{if member.following( 'core', 'member', $comment->author()->member_id )}}
											<a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="following_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><i class="fa fa-user-times"></i></a>
										{{else}}	
											<a href="{url="app=core&module=system&section=notifications&do=follow&follow_app=core&follow_area=member&follow_id={$comment->author()->member_id}"}" title="{lang="follow_this_member"}" data-ipsTooltip class="pContainerLink" data-role="followButton" data-ipsHover data-ipsHover-cache='false' data-ipsHover-onClick><i class="fa fa-user-plus"></i></a>
										{{endif}}
								{{endif}}
							{{endif}}
							{{if \IPS\Member::loggedIn()->member_id && !$comment->author()->members_disable_pm and !\IPS\Member::loggedIn()->members_disable_pm and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'messaging' ) )}}
							<a href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$comment->author()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}" title="Отправить сообщение" data-ipsTooltip class='pContainerLink'><i class="fa fa-inbox"></i></a>
							{{endif}}
					{{endif}}
                    </div>
                  </div>
              
     <div class="wa_pContainer_b4">
     {{$site = preg_replace('/<wbr>/', '', $comment->author()->contentProfileFields()['core_pfieldgroups_2'][2]);}}
     {{if $comment->author()->contentProfileFields()['core_pfieldgroups_2'][2]}}
		<a href="{$site}" target="_blank" title="Сайт" data-ipsTooltip class="pContainer_Button"><i class="fa fa-chrome" aria-hidden="true"></i></a>
	 {{else}}
		<a style="opacity:0.5" target="_blank" title="Сайт" data-ipsTooltip class="pContainer_Button"><i class="fa fa-chrome" aria-hidden="true"></i></a>
	 {{endif}}
					
     {{$skype = preg_replace('/<wbr>/', '', $comment->author()->contentProfileFields()['core_pfieldgroups_2'][3]);}}
     {{if $comment->author()->contentProfileFields()['core_pfieldgroups_2'][3]}}
		<a href="skype:{$skype}?chat" target="_blank" title="Скайп" data-ipsTooltip class="pContainer_Button"><i class="fa fa-skype" aria-hidden="true"></i></a>
	 {{else}}
	    <a style="opacity:0.5" target="_blank" title="Скайп" data-ipsTooltip class="pContainer_Button"><i class="fa fa-skype" aria-hidden="true"></i></a>
	 {{endif}}
					
     {{$vk = preg_replace('/<wbr>/', '', $comment->author()->contentProfileFields()['core_pfieldgroups_2'][4]);}}
	 {{if $comment->author()->contentProfileFields()['core_pfieldgroups_2'][4]}}
		<a href="http://www.privatelink.de/?https://vk.com/{$vk}" target="_blank" title="Вконтакте" data-ipsTooltip class="pContainer_Button"><i class="fa fa-vk" aria-hidden="true"></i></a>
	 {{else}}
		<a style="opacity:0.5" target="_blank" title="Вконтакте" data-ipsTooltip class="pContainer_Button"><i class="fa fa-vk" aria-hidden="true"></i></a>
	 {{endif}}
	 </div>
            <div class="wa_pContainer_b2">
			<div class="wa_pContainer_b2_1">
			<div>
			<span class="wa_pContainer_b2_m">Публикации</span>
			</div>
			<span style="font-size: 15px;">{$comment->author()->member_posts}</span>
			</div>
            <div class="wa_pContainer_b2_1">
			<div>
			<span class="wa_pContainer_b2_m">Репутация</span>
			</div>
			<span style="font-size: 15px;">{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
			</div>
			</div>
			</div>
		</div>
	</aside>
	<div class='ipsColumn ipsColumn_fluid'>
		{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
	</div>
</article>

• ACP - Внешний вид - Стили и шаблоны - Ваш шаблон - CSS - custom.css
• В самый низ добавляем:

/**
 * postContainer by Web-Ask.RU
 */

.cAuthorPane {
    padding: 10px !important;
}

aside.ipsComment_author.cAuthorPane.ipsColumn.ipsColumn_medium {
    width: 225px;
}

.wa_pContainer {
    padding: 5px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 10px 2px 0 2px;
}

.pContainer_b1 {
    margin-top: -20px;
    margin-bottom: 5px;
    text-align: center;
}

.pContainer_b1 img {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 500px;
    height: 90px;
}

.pc_coverphoto {
    margin-bottom: 5px !important;
    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: 90px;
    width: 200px;
    margin-left: -5px !important;
    margin: -90px 0 0 0;
}

.wa_pContainer_b2 {
    background: #F8F8F8;
    overflow: hidden;
    padding: 8px 0;
    margin: 10px -5px -5px -5px;
}

.wa_pContainer_b2_1 {
    width: 50%;
    float: left;
}

.wa_pContainer_b2_1 .ipsRepBadge {
    font-size: 15px;
    font-weight: normal;
}

.wa_pContainer_b2_m {
    color: #868686;
    text-transform: uppercase;
    font-size: 11px;
}

.wa_pContainer_lnk {
  text-align: center;
}

.wa_pContainer_b3 {
  margin: 5px 0;
}

.wa_pContainer_b4 {
  margin: 5px 0;
}

.pContainerLink {
    width: 90px;
    height: 28px;
    line-height: 28px;
    margin: 0 1px;
    text-align: center;
    background: #34495e;
    border-radius: 2px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px;
}

.pContainerLink:hover {
  color: #FFFFFF;
}

.pContainer_Button {
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: rgb(52, 73, 94);
    border-radius: 2px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 15px;
}

.pContainer_Button:hover {
  color: #FFFFFF;
}

• Для того, что бы убрать круг у репутации, переходим в шаблон: core - front - global - reputationBadge
• И удаляем:

<i class='fa {{if $author->pp_reputation_points > 0}}fa-plus-circle{{elseif $author->pp_reputation_points < 0}}fa-minus-circle{{else}}fa-circle{{endif}}'></i>

• Создаём дополнительные поля:

• ACP - Пользователи - Настройка - Профили пользователей - Создать.

• В группе контакты создаем поля: Скайп и Вконтакте, в группе информация только поле Сайт.

 

[WOLF]

в custom.css добавить:

.author_info {
    top: 55px;
    position: relative;
}

 

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

.wa_pContainer {
    padding: 5px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 10px 2px 0 2px;
}

изменить на свое:

background: #FFF;

 

тоже самое проделать с этим:

.wa_pContainer_b2 {
    background: #F8F8F8;
    overflow: hidden;
    padding: 8px 0;
    margin: 10px -5px -5px -5px;
}

 

[Jeka_Pro]

2 минуты назад, WOLF сказал:

в custom.css добавить:

.author_info {
    top: 55px;
    position: relative;
}

 

Спасибо,получилось так, а где заменить цвет , что бы в стиль влился? на темный какой-то

[WOLF]

6 минут назад, Jeka_Pro сказал:

Спасибо,получилось так, а где заменить цвет , что бы в стиль влился? на темный какой-то

читаем внимательно, я там добавил 

[Jeka_Pro]

Не могу правильно подобрать стиль, не подскажешь ?

Получается какая-то дичь)))
 

[WOLF]

1 минуту назад, Jeka_Pro сказал:

Не могу правильно подобрать стиль, не подскажешь ?

#161616

 

[Jeka_Pro]

Огромное спасибо ТС за помощь, все как нужно.
Ещё будет один вопрос по редактированию .
В эту панель создаются ещё кнопки "Сайт" "Вк" и т.д
Но они почему-то не кликабельные, что где нужно изменить,что бы пользователи могли редактировать там свои данные, и что бы они были кликабельными в темах?

речь об этих кнопках

[WOLF]

19 минут назад, Jeka_Pro сказал:

• Создаём дополнительные поля:

• ACP - Пользователи - Настройка - Профили пользователей - Создать.

• В группе контакты создаем поля: Скайп и Вконтакте, в группе информация только поле Сайт.

написано же

[Jeka_Pro]

Только что, WOLF сказал:

написано же

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

[WOLF]

Только что, Jeka_Pro сказал:

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

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

[Jeka_Pro]

15 минут назад, WOLF сказал:

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

Все правильно,  вот скриншот 

В профиле заполнил эти данные
Кнопки не кликабельные )

Даже как написано в мануале, кнопку "сайт" я перенес в "Информацию" , но все так же не работают они 

[Jeka_Pro]

4 часа назад, WOLF сказал:

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

Upd

Нужна помощь с кнопками,  не подскажешь? 

[WOLF]

Только что, Jeka_Pro сказал:

Upd

Нужна помощь с кнопками,  не подскажешь? 

правила читай

[Jeka_Pro]

12 часов назад, WOLF сказал:

правила читай

Если честно ничего там не увидел )))
В лс посмотри пожалуйста

[WOLF]

2.2.2.6 Чрезмерный подъем тем

Запрещается поднимать темы, писать сообщения, с содержанием не несущей никакой информации (АП, UP, Подниму, вверх и т.д.) более чем раз в сутки (24 часа). При нарушении данного пункта, автору выдается предупреждение.