مشخصات کاربری به شکل خطی

[MReza 407]

با سلام و عرض خسته نباشید

فیلدها و مشخصات بارز پایین گروه در قالب مشخصات کاربری IPS 4 به شکل وسط‌چین است. این در امتداد تمامی قسمت‌های بخش مشخصات کاربری هست که همه اجزا به صورت وسط‌چین و جالبی طراحی شده‌اند. برخی کاربران ممکن است علاقه داشته باشند که این ترتیب به شکل خطی باشد. برای این کار این آموزش را دنبال کنید.

 

ابتدا کدهای زیر را در custom.css قالب خود وارد کنید:

.dttest1 {
    font-size: 11px !important;
    float: right;
    padding-left: 2px;
    text-align: left;
    max-width: 100%;
    color: #357ec6;
}

.dttest2 {
    float: left;
    font-size: 10px !important;
    text-align: left;
    max-width: 100%;
}
.wfCustomFields {
    padding: 10px;
    color: #3e3e3e;
    margin-bottom: 8px;
}

 

حال این خط را در Templates > Forums > front > topic > postContainer پیدا کنید:

<li class='ipsResponsive_hidePhone'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</li>

و خط پایین آن:

<li class='ipsType_light'>{lang="member_post_count" pluralize="$comment->author()->member_posts"}</li>

این دو خط پشت سر هم را حذف و جایگزین آن کدهای زیر را قرار دهید:

<li class='ipsResponsive_hidePhone wfCustomFields'><span class="dttest1">اعتبار:</span><span class="wfUTcontent"><span class="dttest2">{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></li>
				<li class='ipsResponsive_hidePhone wfCustomFields'><span class="dttest1">ارسال ها:</span><span class="wfUTcontent"><span class="dttest2">{lang="member_post_count" pluralize="$comment->author()->member_posts"}</span></li>

 

پس از این زمانی که قصد ایجاد فیلد کاربری جدیدی را داشتید از کد زیر در بخش Display format استفاده کنید:

<li class='ipsResponsive_hidePhone wfCustomFields'><span class="dttest1">{title}:</span><span class="wfUTcontent"><span class="dttest2">{content}</span></li>

 

نتیجه نهایی:

 

آموزش ساده و مبتدی که می‌تواند کاربردی هم باشد.

موفق باشید.