Tutorial postContainer

[Sebastian C. 522]

Pentru unele persoane aparent este destul de obositor să folosească funcția de căutare pentru a obține ceea ce doresc, un mic tutorial pentru editarea aspectului din postContainer.

Mergem în forums - topic - postContainer ș căutăm :
 

{{if $comment->author()->member_id}}
				<li>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</li>
				<li class='ipsType_light'>{lang="member_post_count" pluralize="$comment->author()->member_posts"}</li>
				{{if $comment->author()->reputationImage()}}
					<li class='ipsPad_half'>
						<img src='{file="$comment->author()->reputationImage()" extension="core_Theme"}' title='{{if $comment->author()->reputation()}}{$comment->author()->reputation()}{{endif}}' alt=''>
					</li>
				{{endif}}
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}

Înlocuim codul de mai sus cu următorul :
 

{{if $comment->author()->member_id}}
				<li class='ipsType_light play-arena-topic-listItem'><span class='st'><i class="fa fa-user"></i> Group:</span><span class='dr'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</span></li>
          		<li class='ipsType_light play-arena-topic-listItem'><span class='st'><i class="fa fa-plus-circle"></i> Reputation:</span><span class='dr'>{number="$comment->author()->pp_reputation_points"}</span></li>
				<li class='ipsType_light play-arena-topic-listItem'><span class='st'><i class="fa fa-comments"></i> Posts:</span><span class='dr'>{number="$comment->author()->member_posts"}</span></li>
          		<li class='ipsType_light play-arena-topic-listItem'><span class='st'><i class="fa fa-exclamation-triangle"></i> Warnpoints:</span><span class='dr'>{number="$comment->author()->warn_level"}</span></li>
          		<!-- <li class='ipsType_light play-arena-topic-listItem'><span class='st'><i class="fa fa-exclamation-triangle"></i> Date:</span><span class='dr'>{number="$comment->author()->joined" format="date"}</span></li> -->
          		{{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}}
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}

Adăugăm în custom.css următoarele :
 

.play-arena-topic-listItem {
	display: block;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed rgba(255,255,255,0.07);
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    width: 170px;
    position: relative;
    left: 5px;
    color: #555;
}

.play-arena-topic-listItem .st,
.play-arena-topic-listItem .dr{
	display: inline-block;
}

.play-arena-topic-listItem .st {
	float: left;
}

.play-arena-topic-listItem .dr {
	float: right;
}

.play-arena-topic-listItem i {
	transition: all .5s ease-in-out;
}

.play-arena-topic-listItem:hover i {
	color: #C54E43;
}

Rezultat :