• أعضائنا الكرام بخصوص تنفيذ الطلبات قد يستغرق بعض الوقت،شكرا لحسن تفهمكم.
  • أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

[ تم الحل ] تحديث الستايل

الحالة
مغلق و غير مفتوح للمزيد من الردود.

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
28 يناير 2019
2,095
59
1,465
113
24
sohag, Egypt
mx-blind.org
السَلام عليكم ورحمة الله وبركاته
هل يمكن تحديث هذا الستايل
لكي يعمل على النسخة xf2.1 علما بان توافقية الستايل xf2.0
الستايل بالمرفقات وهو من غنتاج الاخ ابو كريم صاحب معهد هيلبرنت
تحياتي
 

المرفقات

وعليكم السلام ورحمة الله وبركاته

هلا وغلا حبيبي احمد

تحديث الاستايل بسيط ان شاء الله ولكن لدي سؤال هل الاستايل مجاني ؟

مع العلم اني ماخذ على خاطري من الاخوان في هيلبر نت لكن حفظ الحقوق واجب قبل اي استخدام

واذا كان مجاني ممكن لا هنت ترفق لنا رابط الموضوع لانه لكي اقوم بتحديث الاستايل من النسخة السابقة الى الحالية

لابد ان اقوم بتعديل القوالب واريد ان ارى صورة للاستايل او اذا كان موجود له مثال يكون افضل

بانتظارك يالغالي لكي يتم ارفاق الاستايل المحدث

احترامي وتقديري
اخوك
شقاوي
 
وعليكم السلام ورحمة الله وبركاته
هلا وغلا حبيبي احمد
تحديث الاستايل بسيط ان شاء الله ولكن لدي سؤال هل الاستايل مجاني ؟
مع العلم اني ماخذ على خاطري من الاخوان في هيلبر نت لكن حفظ الحقوق واجب قبل اي استخدام
واذا كان مجاني ممكن لا هنت ترفق لنا رابط الموضوع لانه لكي اقوم بتحديث الاستايل من النسخة السابقة الى الحالية
لابد ان اقوم بتعديل القوالب واريد ان ارى صورة للاستايل او اذا كان موجود له مثال يكون افضل
بانتظارك يالغالي لكي يتم ارفاق الاستايل المحدث
احترامي وتقديري
اخوك
شقاوي
أهلا بك أخي الحبيب تركي
نعم الستايل مجاني تماما
وتفضل هذا هو رابط الموضوع الخاص بالستايل
مع العلم أن على الستايل بعض التعديلات البسيطة الغير مدرجة في الصور
تحياتي لك
 
طيب ممتاز الاستايل في المرفقات حبيبي احمد

بس ممكن تسأل سؤال للشباب في هيلبر نت كيف يمنعون نقل الموضوع حتى مع ذكر المصدر وهم يقومون بنقل المواضيع بدون حتى الاستئذان من صاحبها

احترامي وتقديري
اخوك
شقاوي

 

المرفقات

طيب ممتاز الاستايل في المرفقات حبيبي احمد

بس ممكن تسأل سؤال للشباب في هيلبر نت كيف يمنعون نقل الموضوع حتى مع ذكر المصدر وهم يقومون بنقل المواضيع بدون حتى الاستئذان من صاحبها

احترامي وتقديري
اخوك
شقاوي

hmm هم قالو أخي النقل تم من ترايدنت وإذا كان المبرمج معترض فسنقوم بحذف الإضافة
 
ماني معترض حبيبي احمد ما برمجة الاضافة ونزلتها الا ان تكون مجانية وفي متناول الجميع وحتى من اراد نقلها دون ذكر المصدر فلا بأس

ولكن مستغرب من قوانينهم فقط 😘

احترامي وتقديري
اخوك
شقاوي
 
جزاك الله خيرا أخي شقاوي تم التركيب وهو رائع جدا
يريت طلب آخر لو تسمحلي وعذرا على الإزعاج المتكرر :D
يريت لو تدخل إلى موقعي لدقيقة وتقوم بتغيير الستايل إلى
ستايل Dimension ثم تنظر إلى بطاقة العضو التي تكون ظاهرة داخل المواضيع والذي ينتج من قالب message_macros
أريد نقل الشكل الموجود في ستايل Dimension بدل من الموجود في ستايل هيلبرنت الذي قمت أخي بتعديله لي قبل قليل
طبعا إذا أردت أن أرفق لك ستايل Dimension فأخبرني
تحياتي لك
 
انت يا احمد تامر امر ارفق لي الاستايل او يكون افضل لو ترفق قالب message_macros وقال extra.less

الخاصين باستايل Dimension

بس سؤال يا حمادة ما دام انت عارف ان التعديل على قالب message_macros ليش ما جربت انك تعدل على الاستايل :unsure:

مجرد سؤال ومنتظر القوالب على اساس اعدلها لك

احترامي وتقديري
اخوك
شقاوي
 
انت يا احمد تامر امر ارفق لي الاستايل او يكون افضل لو ترفق قالب message_macros وقال extra.less

الخاصين باستايل Dimension

بس سؤال يا حمادة ما دام انت عارف ان التعديل على قالب message_macros ليش ما جربت انك تعدل على الاستايل :unsure:

مجرد سؤال ومنتظر القوالب على اساس اعدلها لك

احترامي وتقديري
اخوك
شقاوي
تسلم أخي الحبيب شقاوي الله يجزاك بكل خير يا رب
الفكرة وما فيها من حيث عدم التعديل وكدا هو أن لدي بعض المشاكل سوف أخبرك بيها على الخاص :D هي التي تمنعني من الإحتكاك أو التجارب مع لغة css
لهذا حتى وإن عرفت الأكواد فسيصعب عليا معرفة ناتجها 😊
قالب Dimension
ستايل Dimension
قالب message_macros

HTML:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">


<xf:if is="$user && $user.isOnline()">
    <div class="online_user">
    متواجد
    </div>
    <xf:else />
    <div class="offline_user">
    غير متواجد
    </div>
    </xf:if>
    <div class="clear_point"></div>

    <section itemscope itemtype="https://schema.org/Person" class="message-user">
        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
                <xf:if is="$user.Profile.custom_fields.trust ==1">
                    <i class="fa fa-check-circle" aria-hidden="true" style="color: #026623;"></i>
                </xf:if>
               </h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
        </div>
        
        <!-- this adds the Rank Badge Count-->
                        <xf:if is="$user.message_count >= 3000">
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 2000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>   
                        <xf:elseif is ="$user.message_count >= 1000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>
                        <xf:elseif is ="$user.message_count >= 500"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>   
                        <xf:elseif is ="$user.message_count >= 250"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 100"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 50"/>
                         <br>
                        <div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>   
                        <xf:elseif is ="$user.message_count >= 10"/>
                         <br>
                        <div class="rankBlock">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        <img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 1"/>
                         <br>
                        <div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>   
                        </xf:if>
        <!-- this adds the Rank Badge Count-->
        <xf:if is="$user.user_id">
            <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
            <xf:if contentcheck="true">
                <div class="message-userExtras">
                <xf:contentcheck>
                    <xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.message_count">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
                            <dd>{$user.message_count|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.reaction_score">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
                            <dd>{$user.reaction_score|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
                            <dd>{$user.trophy_points|number}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.age && $user.Profile.age">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
                            <dd>{$user.Profile.age}</dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.location && $user.Profile.location">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
                            <dd>
                                <xf:if is="$xf.options.geoLocationUrl">
                                    <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                                <xf:else />
                                    {$user.Profile.location}
                                </xf:if>
                            </dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.website && $user.Profile.website">
                        <dl class="pairs pairs--justified">
                            <dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
                            <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
                        </dl>
                    </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
        <div class="Sign-Block">
            <h6><b><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> توقيع : <span style="color:#FF2BDF"><xf:username user="$user" /></span></b></h6>

            <aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>
        </div>
        </xf:if>
    </xf:if>
</xf:macro>


وهذا قالب extra.less


CSS:
.has-reaction {
    display: none !important;
}

.online_user{
    position: relative;
    height: 26px;
    background: #54ab73;
    width: max-content;
    transform: rotate(41deg);
    right: 34px;
    padding: 0px 30px 5px 30px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    clip-path: polygon(33.25% -15.12%, 75.71% 6.97%, 88.38% 58.94%, 96.08% 89.95%, 104.63% 129.95%, -2.74% 95.64%, -39.94% 228.87%, 30.22% 0.9%);

}

.offline_user{
    position: relative;
    height: 26px;
    background: #af1515;
    width: max-content;
    transform: rotate(41deg);
    right: 39px;
    padding: 0px 30px 5px 30px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    clip-path: polygon(33.25% -15.12%, 76.87% -2.26%, 97.85% 107.44%, -4.51% 114.10%, 26.68% -5.9%);

    top: 7px;
}
.clear_point{
    display: inline-block;
}










/* مجموعة إزرار BBcodes*/
.Message {
    display: table;
    position: relative;
    margin: 0px 0px 10px 0px;
    width: 100%;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Message-icon {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    padding: 30px;
    text-align: center;
    background-color: rgba(0,0,0,0.25);
}

.Message-icon > i {
    width: 30px;
    font-size: 30px;
}

.Message-body {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
}   


/* edit */
.Message--edit {
    color: #fefefe;
    background: /* #88D4CA */ rgba(136, 212, 202, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #88D4CA; )*/
}

/* help */
.Message--help {
    color: #fefefe;
    background: /* #09835D */ rgba(9, 131, 93, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #09835D; )*/
}

/* important */
.Message--important {
    color: #fefefe;
    background: /* #F39C12 */ rgba(243, 156, 18, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #F39C12; )*/
}

/* Information */
.Message--information {
    color: #fefefe;
    background: /* #0074D9 */ rgba(0, 116, 217, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #0074D9; )*/
}

/* offtopic */
.Message--offtopic {
    color: #fefefe;
    background: /* #7A7A7A */ rgba(122, 122, 122, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #7A7A7A; )*/
}

/* success */
.Message--success {
    color: #fefefe;
    background: /* #2ECC40 */ rgba(46, 204, 64, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #2ECC40; )*/
}

/* Warning */
.Message--warning {
    color: #fefefe;
    background: /* #B30000 */ rgba(179, 0, 0, 0.85);
    /* La couleur rgba permet l'ajout de transparance, si vous voulez vous
    pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #B30000; )*/
}
/* مجموعة إزرار BBcodes*/



.rankBlock {
    text-align: center;
    margin-top: -20px;
}

/* XF-AR INFO USER */
.pairs {
    border-radius: 5px;
    margin-top: 3px;
}
.pairs dt .fa{
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    color: #FFF;
    background-color: #4ca5ac;
}
.message-userExtras dl {
    padding: 3px 10px 3px 6px;
    margin: 0 0 4px;
    position: relative;
    background-color: #fefefe;
    border-bottom: 1px #cbcbcb solid;
    border-radius: 5px;
}
.pairs.pairs--justified > dt {
    margin-left: 22px;
}
/* XF-AR INFO USER */

.message-body {
    text-align: center;
    font-size: 12px;
}

/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}

.node--forum.node--id2.node--read .node-icon i:before{content:'\f1cd';color:#5f8767}
.node--forum.node--id2.node--unread .node-icon i:before{content:'\f1cd';color:#5F7187}

.node--forum.node--id3.node--read .node-icon i:before{content:'\f0c0';color:#5f8767}
.node--forum.node--id3.node--unread .node-icon i:before{content:'\f0c0';color:#5F7187}

.node--forum.node--id4.node--read .node-icon i:before{content:'\f02b';color:#5f8767}
.node--forum.node--id4.node--unread .node-icon i:before{content:'\f02b';color:#5F7187}

.node--forum.node--id5.node--read .node-icon i:before{content:'\f004';color:#5f8767}
.node--forum.node--id5.node--unread .node-icon i:before{content:'\f004';color:#5F7187}

.node--forum.node--id71.node--read .node-icon i:before{content:'\f0ae';color:#5f8767}
.node--forum.node--id71.node--unread .node-icon i:before{content:'\f0ae';color:#5F7187}

.node--forum.node--id72.node--read .node-icon i:before{content:'\f132';color:#5f8767}
.node--forum.node--id72.node--unread .node-icon i:before{content:'\f132';color:#5F7187}

.node--forum.node--id73.node--read .node-icon i:before{content:'\f213';color:#5f8767}
.node--forum.node--id73.node--unread .node-icon i:before{content:'\f213';color:#5F7187}

.node--forum.node--id76.node--read .node-icon i:before{content:'\f080';color:#5f8767}
.node--forum.node--id76.node--unread .node-icon i:before{content:'\f080';color:#5F7187}

.node--forum.node--id7.node--read .node-icon i:before{content:'\f023';color:#5f8767}
.node--forum.node--id7.node--unread .node-icon i:before{content:'\f023';color:#5F7187}

.node--forum.node--id9.node--read .node-icon i:before{content:'\f1f0';color:#5f8767}
.node--forum.node--id9.node--unread .node-icon i:before{content:'\f1f0';color:#5F7187}

.node--forum.node--id8.node--read .node-icon i:before{content:'\f1eb';color:#5f8767}
.node--forum.node--id8.node--unread .node-icon i:before{content:'\f1eb';color:#5F7187}

.node--forum.node--id20.node--read .node-icon i:before{content:'\f14a';color:#5f8767}
.node--forum.node--id20.node--unread .node-icon i:before{content:'\f14a';color:#5F7187}

.node--forum.node--id10.node--read .node-icon i:before{content:'\f02d';color:#5f8767}
.node--forum.node--id10.node--unread .node-icon i:before{content:'\f02d';color:#5F7187}

.node--forum.node--id12.node--read .node-icon i:before{content:'\f13e';color:#5f8767}
.node--forum.node--id12.node--unread .node-icon i:before{content:'\f13e';color:#5F7187}

.node--forum.node--id13.node--read .node-icon i:before{content:'\f1c0';color:#5f8767}
.node--forum.node--id13.node--unread .node-icon i:before{content:'\f1c0';color:#5F7187}

.node--forum.node--id14.node--read .node-icon i:before{content:'\f110';color:#5f8767}
.node--forum.node--id14.node--unread .node-icon i:before{content:'\f110';color:#5F7187}

.node--forum.node--id15.node--read .node-icon i:before{content:'\f16a';color:#5f8767}
.node--forum.node--id15.node--unread .node-icon i:before{content:'\f16a';color:#5F7187}

.node--forum.node--id17.node--read .node-icon i:before{content:'\f108';color:#5f8767}
.node--forum.node--id17.node--unread .node-icon i:before{content:'\f108';color:#5F7187}

.node--forum.node--id18.node--read .node-icon i:before{content:'\f21b';color:#5f8767}
.node--forum.node--id18.node--unread .node-icon i:before{content:'\f21b';color:#5F7187}

.node--forum.node--id19.node--read .node-icon i:before{content:'\f268';color:#5f8767}
.node--forum.node--id19.node--unread .node-icon i:before{content:'\f268';color:#5F7187}

.node--forum.node--id21.node--read .node-icon i:before{content:'\f071';color:#5f8767}
.node--forum.node--id21.node--unread .node-icon i:before{content:'\f071';color:#5F7187}

.node--forum.node--id84.node--read .node-icon i:before{content:'\f085';color:#5f8767}
.node--forum.node--id84.node--unread .node-icon i:before{content:'\f085';color:#5F7187}


.node--forum.node--id86.node--read .node-icon i:before{content:'\f1fa';color:#5f8767}
.node--forum.node--id86.node--unread .node-icon i:before{content:'\f1fa';color:#5F7187}

.node--forum.node--id88.node--read .node-icon i:before{content:'\f1ed';color:#5f8767}
.node--forum.node--id88.node--unread .node-icon i:before{content:'\f1ed';color:#5F7187}

.node--forum.node--id23.node--read .node-icon i:before{content:'\f121';color:#5f8767}
.node--forum.node--id23.node--unread .node-icon i:before{content:'\f121';color:#5F7187}

.node--forum.node--id24.node--read .node-icon i:before{content:'\f123';color:#5f8767}
.node--forum.node--id24.node--unread .node-icon i:before{content:'\f123';color:#5F7187}

.node--forum.node--id25.node--read .node-icon i:before{content:'\f276';color:#5f8767}
.node--forum.node--id25.node--unread .node-icon i:before{content:'\f276';color:#5F7187}

.node--forum.node--id26.node--read .node-icon i:before{content:'\f128';color:#5f8767}
.node--forum.node--id26.node--unread .node-icon i:before{content:'\f128';color:#5F7187}

.node--forum.node--id28.node--read .node-icon i:before{content:'\f17a';color:#5f8767}
.node--forum.node--id28.node--unread .node-icon i:before{content:'\f17a';color:#5F7187}

.node--forum.node--id29.node--read .node-icon i:before{content:'\f120';color:#5f8767}
.node--forum.node--id29.node--unread .node-icon i:before{content:'\f120';color:#5F7187}

.node--forum.node--id30.node--read .node-icon i:before{content:'\f0e8';color:#5f8767}
.node--forum.node--id30.node--unread .node-icon i:before{content:'\f0e8';color:#5F7187}

.node--forum.node--id32.node--read .node-icon i:before{content:'\f205';color:#5f8767}
.node--forum.node--id32.node--unread .node-icon i:before{content:'\f205';color:#5F7187}

.node--forum.node--id68.node--read .node-icon i:before{content:'\f1b6';color:#5f8767}
.node--forum.node--id68.node--unread .node-icon i:before{content:'\f1b6';color:#5F7187}

.node--forum.node--id69.node--read .node-icon i:before{content:'\f0eb';color:#5f8767}
.node--forum.node--id69.node--unread .node-icon i:before{content:'\f0eb';color:#5F7187}

.node--forum.node--id37.node--read .node-icon i:before{content:'\f125';color:#5f8767}
.node--forum.node--id37.node--unread .node-icon i:before{content:'\f125';color:#5F7187}

.node--forum.node--id38.node--read .node-icon i:before{content:'\f248';color:#5f8767}
.node--forum.node--id38.node--unread .node-icon i:before{content:'\f248';color:#5F7187}

.node--forum.node--id39.node--read .node-icon i:before{content:'\f118';color:#5f8767}
.node--forum.node--id39.node--unread .node-icon i:before{content:'\f118';color:#5F7187}

.node--forum.node--id40.node--read .node-icon i:before{content:'\f0d0';color:#5f8767}
.node--forum.node--id40.node--unread .node-icon i:before{content:'\f0d0';color:#5F7187}

.node--forum.node--id77.node--read .node-icon i:before{content:'\f0f3';color:#5f8767}
.node--forum.node--id77.node--unread .node-icon i:before{content:'\f0f3';color:#5F7187}

{{ include('xenfocus_base.less') }}
{{ include('xenfocus_theme.less') }}

.note_thread {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #ec0909b3;
    padding: 5px 15px;
    color: #FFFFFF;
}


.manageralert{
margin:25px 0;
    color:#111;
}
.alert-content , .alerticon{
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.alert-content {
    margin-left:90px;
    padding:15px;
    position:relative;
}
.alert-content:before , .alert-content:after{
    content:'';
    display:block;
    border-right:20px solid #fff;
    border-bottom:15px solid transparent;
position:absolute;
left:-20px;
top:15px;
z-index:10
}
.alert-content:after{
    border-right:23px solid #ccc;
    border-bottom:18px solid transparent;
left:-23px;
top:14px;
    z-index:9
}
.alert-content h3 {
padding:0;
margin:0 0 10px;
}
.alert-content h3 label{
display:inline-block;
font-weight:bold;
    padding:0 0 3px;
    border-bottom:2px solid;
    margin-left:7px;
}
.alert-content p{
margin:0;
padding:0;
}
.alerticon{
    float:left;
    border-radius:50%;
    -webkit-border-radius:50%;
        -moz-border-radius:50%;
    width:70px;
height:70px;
    line-height:70px;
    text-align:center;
    font-size:23px;
    margin-top:10px;
}
تحياتي
 
تفضل حبيبي احمد هذا قالب message_macros

HTML:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

    <section itemscope itemtype="https://schema.org/Person" class="message-user">

        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
        </div>
       
        <!-- this adds the Rank Badge Count-->
                        <xf:if is="$user.message_count >= 3000">
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 2000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>  
                        <xf:elseif is ="$user.message_count >= 1000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif"></div>
                        <xf:elseif is ="$user.message_count >= 500"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>  
                        <xf:elseif is ="$user.message_count >= 250"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 100"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 50"/>
                         <br>
                        <div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>  
                        <xf:elseif is ="$user.message_count >= 2"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 1"/>
                         <br>
                        <div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif"></div>  
                        </xf:if>
                    <!-- this adds the Rank Badge Count-->
                   
                   
                   
        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
                   
                   
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
        </div>      


         <xf:if is="$user.user_id">
        <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
        <xf:if contentcheck="true">
            <div class="message-userExtras">
            <xf:contentcheck>
                <xf:if is="$extras.register_date">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
                        <dd>{{ date($user.register_date) }}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.message_count">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
                        <dd>{$user.message_count|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.reaction_score">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
                        <dd>{$user.reaction_score|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
                        <dd>{$user.trophy_points|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.age && $user.Profile.age">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
                        <dd>{$user.Profile.age}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.location && $user.Profile.location">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
                        <dd>
                            <xf:if is="$xf.options.geoLocationUrl">
                                <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                            <xf:else />
                                {$user.Profile.location}
                            </xf:if>
                        </dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.website && $user.Profile.website">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
                        <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
                    </dl>
                </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <!--<aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>-->
           
            <!-- START NEW_SIGNATURE -->
            <div class="Sign-Block">
                 <h6><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> Signature : <b>
                     <span style="color:#FF2BDF"><b>
                         <xf:username user="$user" /></b></span></b>
                </h6>
                <aside class="Sign-Content">
                     <xf:contentcheck>
                         {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
                        </xf:contentcheck>
                </aside>
            </div>
            <!-- END NEW_SIGNATURE -->
           
           
        </xf:if>
    </xf:if>
</xf:macro>

وهذا الكود ضيفه في اخر قالب extra.less

CSS:
/* XF-AR INFO USER */
.pairs {
    border-radius: 5px;
    margin-top: 3px;
}
.pairs dt .fa{
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    color: #FFF;
    background-color: #4ca5ac;
}
.message-userExtras dl {
    padding: 3px 10px 3px 6px;
    margin: 0 0 4px;
    position: relative;
    background-color: #fefefe;
    border-bottom: 1px #cbcbcb solid;
    border-radius: 5px;
}
.pairs.pairs--justified > dt {
    margin-left: 22px;
}
/* XF-AR INFO USER */

ووافينا بالنتائج

احترامي وتقديري
اخوك
شقاوي
 
تفضل حبيبي احمد هذا قالب message_macros

HTML:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

    <section itemscope itemtype="https://schema.org/Person" class="message-user">

        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
        </div>
      
        <!-- this adds the Rank Badge Count-->
                        <xf:if is="$user.message_count >= 3000">
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 2000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div> 
                        <xf:elseif is ="$user.message_count >= 1000"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif"></div>
                        <xf:elseif is ="$user.message_count >= 500"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div> 
                        <xf:elseif is ="$user.message_count >= 250"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 100"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 50"/>
                         <br>
                        <div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div> 
                        <xf:elseif is ="$user.message_count >= 2"/>
                         <br>
                        <div class="rankBlock">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        <img src="styles/default/xenforo/ranks/Blue.gif">
                        </div>
                        <xf:elseif is ="$user.message_count >= 1"/>
                         <br>
                        <div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif"></div> 
                        </xf:if>
                    <!-- this adds the Rank Badge Count-->
                  
                  
                  
        <div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                    <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
                </xf:if>
            </div>
        </div>
                  
                  
        <div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
        </div>     


         <xf:if is="$user.user_id">
        <xf:set var="$extras" value="{{ property('messageUserElements') }}" />
        <xf:if contentcheck="true">
            <div class="message-userExtras">
            <xf:contentcheck>
                <xf:if is="$extras.register_date">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
                        <dd>{{ date($user.register_date) }}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.message_count">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
                        <dd>{$user.message_count|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.reaction_score">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
                        <dd>{$user.reaction_score|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
                        <dd>{$user.trophy_points|number}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.age && $user.Profile.age">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
                        <dd>{$user.Profile.age}</dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.location && $user.Profile.location">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
                        <dd>
                            <xf:if is="$xf.options.geoLocationUrl">
                                <a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
                            <xf:else />
                                {$user.Profile.location}
                            </xf:if>
                        </dd>
                    </dl>
                </xf:if>
                <xf:if is="$extras.website && $user.Profile.website">
                    <dl class="pairs pairs--justified">
                        <dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
                        <dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
                    </dl>
                </xf:if>
                    <xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>
                </xf:contentcheck>
                </div>
            </xf:if>
        </xf:if>
        <span class="message-userArrow"></span>
    </section>
</xf:macro>

<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
    <header itemscope itemtype="https://schema.org/Person" class="message-user">
        <meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
        <div class="message-avatar">
            <div class="message-avatar-wrapper">
                <xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
            </div>
        </div>
        <span class="message-userArrow"></span>
    </header>
</xf:macro>

<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
    <xf:if contentcheck="true">
        <xf:css src="attachments.less" />
        <section class="message-attachments">
            <h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
        </section>
    </xf:if>
</xf:macro>

<xf:macro name="signature" arg-user="!">
    <xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
        <xf:if contentcheck="true">
            <!--<aside class="message-signature">
            <xf:contentcheck>
                {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
            </xf:contentcheck>
            </aside>-->
          
            <!-- START NEW_SIGNATURE -->
            <div class="Sign-Block">
                 <h6><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> Signature : <b>
                     <span style="color:#FF2BDF"><b>
                         <xf:username user="$user" /></b></span></b>
                </h6>
                <aside class="Sign-Content">
                     <xf:contentcheck>
                         {{ bb_code($user.Profile.signature, 'user:signature', $user) }}
                        </xf:contentcheck>
                </aside>
            </div>
            <!-- END NEW_SIGNATURE -->
          
          
        </xf:if>
    </xf:if>
</xf:macro>

وهذا الكود ضيفه في اخر قالب extra.less

CSS:
/* XF-AR INFO USER */
.pairs {
    border-radius: 5px;
    margin-top: 3px;
}
.pairs dt .fa{
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 25px;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    color: #FFF;
    background-color: #4ca5ac;
}
.message-userExtras dl {
    padding: 3px 10px 3px 6px;
    margin: 0 0 4px;
    position: relative;
    background-color: #fefefe;
    border-bottom: 1px #cbcbcb solid;
    border-radius: 5px;
}
.pairs.pairs--justified > dt {
    margin-left: 22px;
}
/* XF-AR INFO USER */

ووافينا بالنتائج

احترامي وتقديري
اخوك
شقاوي

للأسف تخصيصات css لم تعمل وذلك يرجع للمحرر
فيريت ترفقهالي في txt
وتستطيع رؤية النتيجة في هذا الموضوع مثلا

 
ما يحتاج يا احمد انسخ نفس الخصائص من قالب extra.less اللي ارفقته لي انت في مشاركتك

انسخ ماهو موجود بين هذين الوسمين


/* XF-AR INFO USER */
 
ونسيت نقطة ايضا يا احمد ما قلت لك عليها

تحتاج الى توسيع منطقة معلومات العضو وتضعها 220px لتفادي مشكلة تقلص المعلومات😘
 
ما يحتاج يا احمد انسخ نفس الخصائص من قالب extra.less اللي ارفقته لي انت في مشاركتك

انسخ ماهو موجود بين هذين الوسمين


/* XF-AR INFO USER */
تمام تم وضع التخصيصات ولكن الأحجام مختلفة فبطاقة العضو العضو في ستايل Dimension أكبر
 
ونسيت نقطة ايضا يا احمد ما قلت لك عليها

تحتاج الى توسيع منطقة معلومات العضو وتضعها 220px لتفادي مشكلة تقلص المعلومات😘
تمام تم وضع التخصيصات ولكن الأحجام مختلفة فبطاقة العضو العضو في ستايل Dimension أكبر


طبق اللي قلته لك في مشاركتي السابقة
 
من خصائص الاستايل > الرسائل Messages

بعدين راح تلاقي ثالث تبويب باسم المستخدم اول خيار Message user info block width العرض الافتراضي هو 140px غيره الى 220px

وبالتوفيق حبيبي احمد

احترامي وتقديري
اخوك
شقاوي
 
لا مافي ازعاج حبيبي احمد انت تامر امر

وبعد اذنك بما ان الامور كلها تمام يغلق الموضوع لانتهاء الطلب

احترامي وتقديري
اخوك
شقاوي
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

إحصائيات المنتدى

المواضيع
1,444
المشاركات
16,588
الأعضاء
1,021
آخر عضو مسجل
wallas
أعلى