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

Posted 10 декабря, 20177 yr

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

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

Спойлер

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 - Пользователи - Настройка - Профили пользователей - Создать.
В группе контакты создаем поля: Скайп и Вконтакте, в группе информация только поле Сайт.

Цитата

10 декабря, 20177 yr

comment_140690

в 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;
}

Цитата

occupant and Jeka_Pro
2

10 декабря, 20177 yr

Author

comment_140691

2 минуты назад, WOLF сказал:
в custom.css добавить:
.author_info {
    top: 55px;
    position: relative;
}

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

Цитата

10 декабря, 20177 yr

comment_140693

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

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

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

Цитата

10 декабря, 20177 yr

Author

comment_140694

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

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

Цитата

10 декабря, 20177 yr

comment_140695

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

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

#161616

Цитата

Jeka_Pro
1

10 декабря, 20177 yr

Author

comment_140696

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

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

Цитата

10 декабря, 20177 yr

comment_140697

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

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

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

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

написано же

Цитата

Jeka_Pro
1

10 декабря, 20177 yr

Author

comment_140698

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

написано же

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

Цитата

10 декабря, 20177 yr

comment_140699

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

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

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

Цитата

10 декабря, 20177 yr

Author

comment_140701

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

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

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

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

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

Цитата

10 декабря, 20177 yr

Author

comment_140715

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

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

Upd

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

Цитата

10 декабря, 20177 yr

comment_140716

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

Upd

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

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

Цитата

11 декабря, 20177 yr

Author

comment_140724

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

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

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

Цитата

11 декабря, 20177 yr

comment_140725

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

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

Цитата

Sign In

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

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search