Jump to content

Tutorial postContainer


Recommended Posts

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 :

NOCIank.png

  • Like 3
Link to comment
Share on other sites

  • 1 year later...

  • 2 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.