جلال البحري

منتدى تونس التّربوي
مؤسّس الموقع
المشاركات
1,527
الدّولة
تونس
الولاية
بنزرت
المستوى الدّراسي
دراسات معمّقة
الاختصاص
أدب عربي
المهنة
أستاذ
    شرح طريقة تغيير طريقة عرض المشاركات
  • #1
شرح طريقة تغيير طريقة عرض المشاركات
المشاركة الأولى أفقية و بقيّة المشاركات عموديّة
مراحل العمل
- إنشاء قالب جديد، يمكن تسميته بـ: message_macros_first
ثمّ إلصاق محتوى المرفق فيه
- فتح قالب post_macros
و البحث عن الكود التّالي:
CSS:
<div class="message-inner">
            <div class="message-cell message-cell--user">
                <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
                    arg-fallbackName="{$post.username}"/>
            </div>
            <div class="message-cell message-cell--main">
ثمّ استبداله بـ:
CSS:
<div class="message-inner {{ $post.position == 0 ? 'dis-block': ''}}">
            <div class="message-cell message-cell--user">
                <xf:if is="$post.position == 0">
                        <xf:macro template="message_macros_first" name="user_info" arg-user="{$post.User}"
                        arg-fallbackName="{$post.username}"/>
                        <xf:else />
                        <xf:macro template="message_macros" name="user_info" arg-user="{$post.User}"
                    arg-fallbackName="{$post.username}"/>
                </xf:if>
            </div>
            <div class="message-cell message-cell--main">
- فتح قالب extra.less
و إضافة الكود التّالي:
CSS:
dis-block{
    display: block !important;
}
.dis-none{
    display: none !important;
}
.message-user_first_post{
    clear: both;
}
.post_AvatarUserDetails{
    float: left;
    padding: 30px;
}
.post_userExtras{
    float: right;
    margin-top: 3px;
    font-size: 12px;
    padding: 5px;
}
.post_userExtras .pairs, .message-userExtras .pairs{
    background: #fff;
    padding: 5px;
    border: 1px olid #000;
    color: #23412e;
    margin-bottom: 2px;
}
.clear{
    clear: both;
}
 

المرفقات

  • المشاهدات
    65
  • الرّدود
    0

  • أعلى أسفل