Am rezolvat , multumesc , am "furat" sursa HTML si CSS din pluginul " Enhanced User Info Panel " o sa las mai jos si sursele pentru cei ce vor sa faca ceva de genul
forums / font / 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"} <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=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'>
<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person"><strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'> {template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>
<ul class='cAuthorPane_info ipsList_reset'>
{{if $comment->author()->member_title && $comment->author()->member_id}}
{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['title']}</li>
{{endif}}
<!-- {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
{{endif}} -->
<li class='cAuthorPane_photo'>
{{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{resource="default_photo.png" app="core" location="global"}" /></a>{{endif}}
</li>
<li class='group_badge'>
<div class='group_name'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</div>
<!-- <div class='member_title'>
{{if $comment->author()->member_title && $comment->author()->member_id}}
{$comment->author()->member_title}
{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
{$comment->author()->rank['title']}
{{endif}}
</div> -->
</li>
</ul>
{{if $comment->author()->rank['image'] && $comment->author()->member_id}}
{{endif}}
{{if $comment->author()->member_id}}
<ul class='dpxUTProfile'>
<li class="ipsResponsive_hidePhone ipsType_break">
<div class='stat_name'><i class="fa {setting="euip_FaFaUserRank"}" aria-hidden="true"></i> {lang="euip_MemberTitle"}:</div>
<div class='stat_value'>{$comment->author()->member_title}</div>
</li>
<li class='euip_Border'>
<div class='stat_name'><i class="fa {setting="euip_FaFaUserName"}" aria-hidden="true"></i> {lang="euip_UserName"}:</div>
<div class='stat_value'> <strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong></div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_UserGroupHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaUserGroup"}" aria-hidden="true"></i> {lang="euip_UserGroup"}:</div>
<div class='stat_value'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</div>
</li>
<li>
<div class='stat_name'>
<i class="fa fa-comments-o" aria-hidden="true"></i> Posts
</div>
<div class='stat_value'>
{$comment->author()->member_posts}
</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_UserRepHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaUserRep"}" aria-hidden="true"></i> {lang="euip_TotalRep"}:</div>
<div class='stat_value'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</div>
</li>
<li>
<div class='stat_name'>
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Warn level
</div>
<div class='stat_value'>
{$comment->author()->warn_level}
</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_age"}:</div>
<div class='stat_value'>{$comment->author()->age()}</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_UserIDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaUserID"}" aria-hidden="true"></i> {lang="euip_MemberID"}:</div>
<div class='stat_value'>{$comment->author()->member_id}</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_LastActivityHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaLastActivity"}" aria-hidden="true"></i> {lang="euip_LastActivity"}:</div>
<div class='stat_value'>{{if $comment->author()->last_activity}}{datetime="$comment->author()->last_activity"}{{else}}{lang="never"}{{endif}}</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_OnlineStatusHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaOnlineStatus"}" aria-hidden="true"></i> {lang="euip_OnlineStatus"}:</div>
<div class='stat_value'>{{if $comment->author()->isOnline()}}<span style='color:green' class='metric'>{lang="euip_Online"}</span>{{else}}<span style='color:red'>{lang="euip_Offline"}</span>{{endif}}</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'><i class="fa {setting="euip_FaFaUserJoinDate"}" aria-hidden="true"></i> {lang="euip_Joined"}:</div>
<div class='stat_value'>{datetime="$comment->author()->joined" dateonly="true"}</div>
</li>
<li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
<div class='stat_name'> <i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_bday"}:</div>
<div class='stat_value'> {$comment->author()->birthday}</div>
</li>
<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
</ul>
{{endif}}
</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>
in Custom.css se adauga urmatorul cod :
ul.dpxUTProfile > li {
display: flex;
width: 90%;
justify-content: space-between;
margin: 5px auto;
font-size: 10px;
border-bottom: 1px dashed #444;
}
ul.dpxUTProfile {
margin: 0;
padding: 0;
list-style: none;
margin-top: 15px;
}
ul.dpxUTProfile > li > .stat_name {
display: inline-block;
text-align: left;
color: #525252;
cursor: default;
float: left;
letter-spacing: 1px;
}
ul.dpxUTProfile > li > .stat_name > i {
font-size: 14px;
position: relative;
top: 1px;
margin-right: 5px;
}
ul.dpxUTProfile > li > .stat_value {
display: inline-block;
text-align: left;
color: #828282;
float: right;
}
.group_badge {
background: #2a2a2a;
background: -webkit-linear-gradient(90deg,#23f88a transparent);
background: -o-linear-gradient(90deg,#23f88a transparent);
background: -moz-linear-gradient(90deg,#2a2a2a, transparent);
background: linear-gradient(90deg,#2a2a2a, transparent);
margin: 0 auto;
margin-bottom: 15px;
margin-top: 15px;
width: 80%;
height: 35px;
line-height: 35px;
border-radius: 30px;
}
.group_name {
position: relative;
top: 0;
transition: all .2s;
cursor: default;
}
Rezultatul
Tănăsescu Daniel's post in Problema Forum was marked as the answer