[HELP] - How to change the style of the 'Enchanced user Panel'

**NulledCM** · Niedziela o 23:07

Hi guys, I'm here again to bother you. 😇

So, this time I'm trying to make some changes to the style of the forum, for example, I want to copy this style or do something similar at least:

At the moment I've managed to do this:

I managed to edit the size of the avatar cover, move the userbar and also lower the information, but I want to try to style the postbit from above, I can change it in the default theme, and in this case it would look like this:

But as you can see, I'm using the Fluent Design Theme. So, how could I put this style, editing the 'Enchanced User Panel' codes.

The codes for this style in a standard theme would be as follows:

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"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
        <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=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
        </ul>
    </div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}} {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
    {{if $item->isQuestion() and !$comment->new_topic}}
        {template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
    {{endif}}

    <div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
        <h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
            {template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), TRUE"}
            <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
        </h3>
        <div class='cAuthorPane_photo'>
            {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
        </div>
    </div>
    <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
        <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), FALSE"}
            </strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>

        <ul class='cAuthorPane_info ipsList_reset'>
            {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
                <li>{$comment->author()->rank['image']|raw}</li>
            {{endif}}

            <li class='cAuthorPane_photo'>
                {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
            </li>
   {{if $comment->author()->member_title && $comment->author()->member_id}}
              <li class='ipsType_break placememberTitle'>{$comment->author()->member_title}</li>
            {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
                <li class='ipsType_break'>{$comment->author()->rank['title']}</li>
            {{endif}}
            <li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
            <div class="placeFields">
<div class="placeData">
<div class="placeIcon"><i class="fa fa-comments"></i></div>
<div class="placeContent">Posts: <span class="ml-auto">{$comment->author()->member_posts}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-heart"></i></div>
<div class="placeContent">Likes: <span class="ml-auto">{$comment->author()->pp_reputation_points}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-exclamation-triangle"></i></div>
<div class="placeContent">Warns: <span class="ml-auto">{$comment->author()->warn_level}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-address-card"></i></div>
<div class="placeContent">ID: <span class="ml-auto">#{$comment->author()->member_id}68</span></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>

CSS

/* postcontainer */
.cAuthorPane {
    width: 210px;
    font-size: 12px;
    text-align: center;
    padding: 10px 4px;
    margin-left: 2px;
    background: #222;
    padding-bottom: 20px;
}
html[dir] .cPost .ipsComment_content {
    padding-right: 20px;
    padding-left: 20px;
}
.placeFields {
    width: 175px;
    text-align: left;
    font-size: 12px;
    margin: 0 auto;
    padding-top: 15px;
}
.placeData {
    display: flex;
    background: #1b1b1b;
    align-items: center;
    margin: 5px 0;
    border-radius: 2px;
}
.placeData .placeIcon {
    padding: 9px;
    background: #131313;
    margin-right: .1rem;
    border-radius: 2px 0 0 2px;
}
.placeData .placeContent {
    padding: 5px;
    display: flex;
    width: 100%;
}
.placememberTitle {
    font-size: 13px;
    word-wrap: break-word;
    line-height: 1.5;
    background: #1b1b1b;
    padding: 6px 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
    border-bottom: 1px solid #212121;
    margin-left: -6px;
    margin-right: -4px;
}
.ml-auto {
    margin-left: auto;
}

And the codes for the Enchanced User Panel would be:

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium euip_PanelWidth'>
	{{if \IPS\Settings::i()->euip_UsernamePosition == 0}}
	    <div class="euip_mobile ipsResponsive_hidePhone">
    	    <h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break euip_UserNameFont' itemprop="creator" itemscope itemtype="http://schema.org/Person">{{if \IPS\Settings::i()->euip_ShowMobileOnlinePip == 1}}{{if $comment->author()->isOnline()}}<i class="fa fa-circle euipOnlineStatus_online" data-ipsTooltip title="{lang="euip_Online" sprintf="$comment->author()->name"}"></i>{{else}}<i class="fa fa-circle euipOnlineStatus_offline" data-ipsTooltip title="{lang="euip_Offline" sprintf="$comment->author()->name"}"></i>{{endif}}{{endif}}<strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong></h3>
	    </div>
	{{endif}}
	{{if \IPS\Settings::i()->euip_UserranktlPosition == 2}}
		{{if $comment->author()->member_title && $comment->author()->member_id}}
            <span class="ipsResponsive_hidePhone ipsType_break">
                {$comment->author()->member_title}
            </span>
		{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
            <span class="ipsResponsive_hidePhone ipsType_break">
                {$comment->author()->rank['title']}
            </span>
        {{endif}} 
	{{endif}}
	<ul class='cAuthorPane_info ipsList_reset {{if \IPS\Settings::i()->euip_UsernamePosition ==1}}euip_Margin_Top{{endif}}'>
	    <li class='euip_Photo ipsResponsive_hidePhone'>
		    {{$coverPhoto = $comment->author()->coverPhoto();}}
		    {{if \IPS\Settings::i()->euip_ShowCoverPhoto == 1}}
		        {{if $coverPhoto->file}}
		        <div class='ipsResponsive_hidePhone'>
			        <img src='{$coverPhoto->file->url}' class='ipsCoverPhoto_photo euip_CoverPhotoHeight' alt=''>
		        </div>
	            {{endif}}
			{{endif}}
			<span class='ipsUserPhoto euip_AvatarSize {{if $coverPhoto->file AND \IPS\Settings::i()->euip_ShowCoverPhoto == 1}}euip_Avatar{{endif}}'>
	            <img src='{$comment->author()->photo}' alt='{$comment->author()->name}' itemprop="image">
            </span>
		</li>
		{{if \IPS\Settings::i()->euip_ShowTStarter == 1 AND \IPS\Settings::i()->euip_TStarterPanel == 0 AND $comment->author()->member_id == $comment->euip_tstarter}}
            <li class="{{if \IPS\Settings::i()->euip_TStarterHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"><span style="background: {setting="euip_TStarterColour"}; margin-bottom: 3px;" class="ipsBadge ipsBadge_large ipsBadge_positive euip_TStarterBadge"><i class='fa {setting="euip_FaFaTStarter"}'></i> {setting="euip_TStarterLang"}</span></li>               
		{{endif}}
		{{if \IPS\Settings::i()->euip_ShowMemberAway == 1}}
            {template="memberAwayPostBit" group="plugins" location="global" app="core" params="$comment"}               
		{{endif}}
		{{if \IPS\Settings::i()->euip_UserranktlPosition == 1}}
		    {{if $comment->author()->member_title && $comment->author()->member_id}}
                <li class="ipsResponsive_hidePhone ipsType_break">
                    {$comment->author()->member_title}
                </li>
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
                <li class="ipsResponsive_hidePhone ipsType_break">
                    {$comment->author()->rank['title']}
                </li>
            {{endif}} 
		{{endif}}
		{{if \IPS\Settings::i()->euip_UserrankPosition == 0}}
		    {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
		        <li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
		    {{endif}}
			{{if $comment->author()->reputationImage()}}	
		        <li class='ipsPad_half ipsResponsive_hidePhone'>
		    	    <img src='{file="$comment->author()->reputationImage()" extension="core_Theme"}' title='{{if $comment->author()->reputation()}}{$comment->author()->reputation()}{{endif}}' alt=''>
		        </li>
			{{endif}}
		{{endif}}
		{{if \IPS\Settings::i()->euip_ShowSecondaryGroups == 0}}
		    {{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
                <li class="ipsResponsive_hidePhone">
                    <img src="{file="$comment->author()->group['g_icon']" extension="core_Theme"}" alt="" class="cAuthorGroupIcon"> </img>
                </li>
            {{endif}} 
		{{endif}}
	  {{if \IPS\Settings::i()->euip_SecondaryGroupsGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_SecondaryGroupsGroups ) )}}
		{{if \IPS\Settings::i()->euip_ShowSecondaryGroups == 1}}
		{{foreach $comment->euip_sGroups as $g}}
            {{if \IPS\Member\Group::load( $g )->g_icon }}	
	        <li class='ipsResponsive_hidePhone ipsPad_half euip_GroupIcon'>
                <img src='{file="\IPS\Member\Group::load( $g )->g_icon" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'>
            </li>
            {{endif}}
        {{endforeach}}
		{{endif}}
	  {{endif}}
	  <div class="" data-controller="plugins.toggleUserInfoPanel">
	  <div class='' data-infoPanelID="{$comment->author()->member_id}">
		{{if \IPS\Settings::i()->euip_java == 1}}
		<a class="ipsJS_show ipsType_noUnderline ipsBadge ipsBadge_large ipsBadge_positive euip_javaBadge" style="cursor: pointer;" data-action="toggleuserinfopanel" data-ipstooltip="" title="{setting='euip_java_text'}" style="font-size: 14px;">{setting="euip_java_text"} <i class="fa fa-angle-down" aria-hidden="true"></i></a>
		<div class="euip_InfoPanel" data-role="infoPanel" data-hidden="true" style="display:none; ">
		{{else}}
		<div class="euip_InfoPanel">
		{{endif}}
			{{if \IPS\Settings::i()->euip_ShowTStarter == 1 AND \IPS\Settings::i()->euip_TStarterPanel == 1 AND $comment->author()->member_id == $comment->euip_tstarter}}
			<hr class='euip_Hr {{if \IPS\Settings::i()->euip_TStarterHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
            <li class="{{if \IPS\Settings::i()->euip_TStarterHidePhone == 1}}ipsResponsive_hidePhone{{endif}}">
			    <span><center><i class="fa {setting="euip_FaFaTStarter"}" aria-hidden="true"></i> <b>{setting="euip_TStarterLang"}</b></center></span>
			</li>
		    {{endif}}
			{{if \IPS\Settings::i()->euip_UsernamePosition == 1}}
		    <hr class='euip_Hr'>
            <li class='euip_Border'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaUserName"}" aria-hidden="true"></i> {lang="euip_UserName"}:</span>
		    	<span class='euip_Content'><strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong></span>
		    </li>
		    <br/>
		    {{endif}}
          {{if \IPS\Settings::i()->euip_UserGroupGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserGroupGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowUserGroup == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserGroupHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
            <li class='euip_Border {{if \IPS\Settings::i()->euip_UserGroupHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaUserGroup"}" aria-hidden="true"></i> {lang="euip_UserGroup"}:</span>
			    <span class='euip_Content'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</span>
		    </li>
		    <br class="{{if \IPS\Settings::i()->euip_UserGroupHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
			{{endif}}
          {{endif}}
		  {{if \IPS\Settings::i()->euip_UserIDGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserIDGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowUserID == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserIDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_UserIDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaUserID"}" aria-hidden="true"></i> {lang="euip_MemberID"}:</span>
		    	<span class='euip_Content'>{$comment->author()->member_id}</span>
		    </li>
            <br class="{{if \IPS\Settings::i()->euip_UserIDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_UserRankGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserRankGroups ) )}}
			{{if \IPS\Settings::i()->euip_UserranktlPosition == 0}}
		        {{if \IPS\Settings::i()->euip_ShowUserRank == 1}}
                    {{if $comment->author()->member_title && $comment->author()->member_id}}
			        <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
			        <li class='ipsType_break euip_Border {{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
			            <span class='euip_Title'><i class="fa {setting="euip_FaFaUserRank"}" aria-hidden="true"></i> {lang="euip_MemberTitle"}:</span>
			            <span class='euip_Content'>{$comment->author()->member_title}</span>
		    	    </li>
		            <br class="{{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		            {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
			        <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		            <li class='ipsType_break euip_Border {{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	        <span class='euip_Title'><i class="fa {setting="euip_FaFaUserRank"}" aria-hidden="true"></i> {lang="euip_MemberRank"}:</span>
		    	        <span class='euip_Content'>{$comment->author()->rank['title']}</span>
		    	    </li>
		            <br class="{{if \IPS\Settings::i()->euip_UserRankHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		            {{endif}}
				{{endif}}
		    {{endif}}
          {{endif}}
		  {{if \IPS\Settings::i()->euip_UserrankPosition == 2}}
		    {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_PipHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_PipHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaPip"}" aria-hidden="true"></i> {setting="euip_PipText"}:</span>
		    	<span class='euip_Content'>{$comment->author()->rank['image']|raw}</span>
		    </li>
            <br class="{{if \IPS\Settings::i()->euip_PipHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_FollowersGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_FollowersGroups ) )}}			  
            {{if \IPS\Settings::i()->euip_ShowFollowers == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_FollowersHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_FollowersHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaFollower"}" aria-hidden="true"></i> {lang="euip_Followers"}:</span>
		    	<span class='euip_Content'>{number="$comment->euip_fstats"}</span>
		    </li>
            <br class="{{if \IPS\Settings::i()->euip_FollowersHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_TopicGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_TopicGroups ) )}}
            {{if \IPS\Settings::i()->euip_ShowTopicCount == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_TopicCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <li class='euip_Border {{if \IPS\Settings::i()->euip_TopicCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
                    <span class='euip_Title'><i class="fa {setting="euip_FaFaTopicCount"}" aria-hidden="true"></i> {lang="euip_TopicCount"}:</span>
		        	<span class='euip_Content'>{number="$comment->euip_topicCount"}</span>
			    </li>
		        <br class="{{if \IPS\Settings::i()->euip_TopicCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_TopicRatioGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_TopicRatioGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowTopicRatio == 1 }}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_TopicRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_TopicRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaTopicRatio"}" aria-hidden="true"></i> {lang="euip_TopicRatio"}:</span>
		    	<span class='euip_Content'>$comment->euip_topicRatio</span>
		    </li>
            <br class="{{if \IPS\Settings::i()->euip_TopicRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_PostCountGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_PostCountGroups ) )}}
            {{if \IPS\Settings::i()->euip_ShowPostCount == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_PostCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <li class='euip_Border {{if \IPS\Settings::i()->euip_PostCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
                    <span class='euip_Title'><i class="fa {setting="euip_FaFaPostCount"}" aria-hidden="true"></i> {lang="euip_ContentCount"}:</span>
		        	<span class='euip_Content'>{number="$comment->author()->member_posts"}</span>
			    </li>
		        <br class="{{if \IPS\Settings::i()->euip_PostCountHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_PostRatioGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_PostRatioGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowPostRatio == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_PostRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_PostRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaPostRatio"}" aria-hidden="true"></i> {lang="euip_PostRatio"}:</span>
		    	<span class='euip_Content'>{$comment->euip_ratio}</span>
		    </li>
            <br class="{{if \IPS\Settings::i()->euip_PostRatioHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_UserRepGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserRepGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowUserRep == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserRepHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_UserRepHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <span class='euip_Title'><i class="fa {setting="euip_FaFaUserRep"}" aria-hidden="true"></i> {lang="euip_TotalRep"}:</span>
		    	<span class='euip_Content'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
		    </li>
		    <br class="{{if \IPS\Settings::i()->euip_UserRepHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_UserMOTDGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserMOTDGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowUserMOTD == 1}}
            <hr class='euip_Hr {{if \IPS\Settings::i()->euip_UserMOTDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_UserMOTDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	<span class='euip_Title' {{if \IPS\Settings::i()->euip_GoldenMOTD == 1}}style='color:#DAA520;'{{endif}}><i class="fa {setting="euip_FaFaUserMOTD"}" aria-hidden="true"></i> {lang="euip_MembersDaysWonCount"}:</span>
	            <span class='euip_Content' {{if \IPS\Settings::i()->euip_GoldenMOTD == 1}}style='color:#DAA520;'{{endif}}>{number="$comment->author()->getReputationDaysWonCount()"}</span>
		    </li>
		    <br class="{{if \IPS\Settings::i()->euip_UserMOTDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
            {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_UserJoinDateGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_UserJoinDateGroups ) )}}
		   {{if \IPS\Settings::i()->euip_ShowUserJoinDate == 1}}
			    {{if \IPS\Settings::i()->euip_ShowJoinDateDays == 0}}
		        <hr class='euip_Hr {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <li class='euip_Border {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        	<span class='euip_Title'><i class="fa {setting="euip_FaFaUserJoinDate"}" aria-hidden="true"></i> {lang="euip_Joined"}:</span>
	                <span class='euip_Content'>{datetime="$comment->author()->joined" dateonly="true"}</span>
		        </li>
		        <br class="{{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
				{{elseif \IPS\Settings::i()->euip_ShowJoinDateDays == 1}}
				<hr class='euip_Hr {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <li class='ipsType_break euip_Border {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        	<span class='euip_Title'><i class="fa {setting="euip_FaFaUserJoinDate"}" aria-hidden="true"></i> {lang="euip_JoinedDateDays"}:</span>
	                <span class='euip_Content'>{$comment->euip_wuf} {lang="euip_DaysAgo"}</span>
		        </li>
		        <br class="{{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
				{{endif}}
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_OnlineStatusGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_OnlineStatusGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowMobileOnlinePip == 0}}
			    {{if \IPS\Settings::i()->euip_ShowOnlineStatus == 1}}
		        <hr class='euip_Hr {{if \IPS\Settings::i()->euip_OnlineStatusHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <li class='euip_Border {{if \IPS\Settings::i()->euip_OnlineStatusHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	    <span class='euip_Title'><i class="fa {setting="euip_FaFaOnlineStatus"}" aria-hidden="true"></i> {lang="euip_OnlineStatus"}:</span>
	                <span class='euip_Content'>{{if $comment->author()->isOnline()}}<span class='metric'>{lang="euip_Online"}</span>{{else}}<span style='color:red;font-weight:bold;'>{lang="euip_Offline"}</span>{{endif}}</span>
		        </li>
		        <br class="{{if \IPS\Settings::i()->euip_OnlineStatusHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		        {{endif}}
			{{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_LastActivityGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_LastActivityGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowLastActivity == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_LastActivityHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    <li class='euip_Border {{if \IPS\Settings::i()->euip_LastActivityHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	<span class='euip_Title'><i class="fa {setting="euip_FaFaLastActivity"}" aria-hidden="true"></i> {lang="euip_LastActivity"}:</span>
	            <span class='euip_Content'>{{if $comment->author()->last_activity}}{datetime="$comment->author()->last_activity"}{{else}}{lang="never"}{{endif}}</span>
		    </li>
		    <br class="{{if \IPS\Settings::i()->euip_LastActivityHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_BirthdayGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_BirthdayGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowBirthday == 1}}
			    {{if \IPS\Settings::i()->euip_ShowBirthdayAge == 0}}
		            {{if $comment->author()->birthday AND \IPS\Settings::i()->profile_birthday_type == 'public' }}
		            <hr class='euip_Hr {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
                    <li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	                    <span class='euip_Title'><i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_bday"}:</span>
	                    <span class='euip_Content'>{$comment->author()->birthday}</span>
                    </li>
		            <br class="{{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
                    {{endif}}
				{{elseif \IPS\Settings::i()->euip_ShowBirthdayAge == 1}}
				    {{if $comment->author()->birthday AND \IPS\Settings::i()->profile_birthday_type == 'public' }}
		            <hr class='euip_Hr {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
                    <li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	                    <span class='euip_Title'><i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_age"}:</span>
	                    <span class='euip_Content'>{$comment->author()->age()}</span>
                    </li>
		            <br class="{{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
                    {{endif}}
				{{endif}}
		    {{endif}}
		  {{endif}}
		  
		  {{if \IPS\Settings::i()->euip_PointsGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_PointsGroups ) )}}
		  {{if \IPS\Application::appIsEnabled( 'membersshop' ) }}
		   {{if \IPS\Settings::i()->euip_ShowMembersShop }}
		    {{$pointsName = \IPS\Settings::i()->ms_points_name;}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_PointsHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
            <li class='euip_Border {{if \IPS\Settings::i()->euip_PointsHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	            <span class='euip_Title'><i class="fa {setting="euip_FaFaPoints"}" aria-hidden="true"></i> {lang="ms_points" sprintf="$pointsName"}:</span>
	            <span class='euip_Content'>{$comment->euip_points}</span>
			</li>
		    <br class="{{if \IPS\Settings::i()->euip_PointsHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		   {{endif}}
		  {{endif}}
	      {{endif}}
			  
		  {{if \IPS\Settings::i()->euip_TimezoneGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_TimezoneGroups ) )}}
		    {{if \IPS\Settings::i()->euip_ShowTimezone == 1}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_TimezoneHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
            <li class='euip_Border {{if \IPS\Settings::i()->euip_TimezoneHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	            <span class='euip_Title'><i class="fa {setting="euip_FaFaTimezone"}" aria-hidden="true"></i> {lang="euip_TimeZone"}:</span>
	            <span class='euip_Content'>{$comment->author()->timezone}</span>
            </li>
		    <br class="{{if \IPS\Settings::i()->euip_TimezoneHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
		  {{endif}}
		  {{if \IPS\Settings::i()->euip_DeviceGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_DeviceGroups ) )}}
			{{if \IPS\Settings::i()->euip_ShowDevice == 1}}
			{{if $comment->euip_lastuseddevice}}
		    <hr class='euip_Hr {{if \IPS\Settings::i()->euip_DeviceHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
            <li class='euip_Border {{if \IPS\Settings::i()->euip_DeviceHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	            <span class='euip_Title'><i class="fa {setting="euip_FaFaDevice"}" aria-hidden="true"></i> {lang="euip_Device"}:</span>
	            <span class='euip_Content'>{$comment->euip_lastuseddevice->userAgent()->platform}</span>
            </li>
		    <br class="{{if \IPS\Settings::i()->euip_DeviceHidePhone == 1}}ipsResponsive_hidePhone{{endif}}"/>
		    {{endif}}
			{{endif}}
		  {{endif}}
		  
		  <hr class='euip_Hr'>
		    {template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
		  {{if \IPS\Settings::i()->euip_ClubsGroups == 'all' or \IPS\Member::loggedIn()->inGroup( explode(',', \IPS\Settings::i()->euip_ClubsGroups ) )}}	
			{{if $comment->author()->clubs()}}
			{{if \IPS\Settings::i()->euip_ShowClubs == 1}}
			<div class="euip_clubsBorder">
			<h3 class="ipsWidget_title ipsType_reset">{lang="users_clubs"}</h3>
			{{foreach $comment->euip_clubs as $club}}
			<span class='euip_span'>
			  <center>
			  {{$cSize = \IPS\Settings::i()->euip_ClubPhotoSize;}}
				<a href='{$club->url()}' class='ipsUserPhoto ipsUserPhoto_{$cSize} cClubIcon'>
	              {{if $club->profile_photo}}
		            <img src='{file="$club->profile_photo" extension="core_Clubs"}' title='$club->name' alt=''>
				  {{else}}
		            <img src='{resource="default_club.png" app="core" location="global"}' title='$club->name' alt=''>
	              {{endif}}
                </a>
			  </center>
			</span>
		    {{endforeach}}
			</div>
			{{endif}}
			{{endif}}
		  {{endif}}
		    {{if \IPS\Settings::i()->euip_ShowTrophys}}
			    {{if \IPS\Settings::i()->trophy_show_items_postbit}}
				    {template="postbit" app="trophies" group="global" params="$comment->author()"}
				{{endif}}
			{{endif}}
			{{if \IPS\Application::appIsEnabled( 'awards') and settings.award_settings_pane_enable and settings.euip_ShowiAwards}}
			{{$data = $comment->author()->awardsPane();}}
                {$data|raw}
            {{endif}}
			{{if \IPS\Settings::i()->euip_ShowSocialInfo == 1}}
			    {template="ForumsTopics" group="main" location="front" app="memberssocialinfo" params="$comment"}
			{{endif}}
			{{if \IPS\Settings::i()->euip_UserrankPosition == 1}}
		        {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
		        <li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
		        {{endif}}
				{{if $comment->author()->reputationImage()}}	
		        <li class='ipsPad_half ipsResponsive_hidePhone'>
		    	    <img src='{file="$comment->author()->reputationImage()" extension="core_Theme"}' title='{{if $comment->author()->reputation()}}{$comment->author()->reputation()}{{endif}}' alt=''>
		        </li>
                <br/>
		        <hr class='euip_Hr'>
		        {{endif}}
		    {{endif}}
		</div>
		</div>
	</div>
	</ul>
</aside>

And would it be possible for me to change this information with CSS?

Like in the reference, move the reputations to the top with the color green, and the 'member title' to the top of the userbar with a background rectangle?

Zaloguj się

[HELP] - How to change the style of the 'Enchanced user Panel'

Rekomendowane odpowiedzi

NulledCM

Odnośnik do komentarza

Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie