XF 2.1 - تحديث الستايل | XenArabia | زين فورو العربية

XF 2.1 تحديث الستايل

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
السَلام عليكم ورحمة الله وبركاته
هل يمكن تحديث هذا الستايل
لكي يعمل على النسخة xf2.1 علما بان توافقية الستايل xf2.0
الستايل بالمرفقات وهو من غنتاج الاخ ابو كريم صاحب معهد هيلبرنت
تحياتي
 

المرفقات

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
وعليكم السلام ورحمة الله وبركاته

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

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

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

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

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

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

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
وعليكم السلام ورحمة الله وبركاته
هلا وغلا حبيبي احمد
تحديث الاستايل بسيط ان شاء الله ولكن لدي سؤال هل الاستايل مجاني ؟
مع العلم اني ماخذ على خاطري من الاخوان في هيلبر نت لكن حفظ الحقوق واجب قبل اي استخدام
واذا كان مجاني ممكن لا هنت ترفق لنا رابط الموضوع لانه لكي اقوم بتحديث الاستايل من النسخة السابقة الى الحالية
لابد ان اقوم بتعديل القوالب واريد ان ارى صورة للاستايل او اذا كان موجود له مثال يكون افضل
بانتظارك يالغالي لكي يتم ارفاق الاستايل المحدث
احترامي وتقديري
اخوك
شقاوي
أهلا بك أخي الحبيب تركي
نعم الستايل مجاني تماما
وتفضل هذا هو رابط الموضوع الخاص بالستايل
مع العلم أن على الستايل بعض التعديلات البسيطة الغير مدرجة في الصور
تحياتي لك
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
طيب ممتاز الاستايل في المرفقات حبيبي احمد

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

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

 

المرفقات

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
طيب ممتاز الاستايل في المرفقات حبيبي احمد

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

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

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

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
ماني معترض حبيبي احمد ما برمجة الاضافة ونزلتها الا ان تكون مجانية وفي متناول الجميع وحتى من اراد نقلها دون ذكر المصدر فلا بأس

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

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
جزاك الله خيرا أخي شقاوي تم التركيب وهو رائع جدا
يريت طلب آخر لو تسمحلي وعذرا على الإزعاج المتكرر :D
يريت لو تدخل إلى موقعي لدقيقة وتقوم بتغيير الستايل إلى
ستايل Dimension ثم تنظر إلى بطاقة العضو التي تكون ظاهرة داخل المواضيع والذي ينتج من قالب message_macros
أريد نقل الشكل الموجود في ستايل Dimension بدل من الموجود في ستايل هيلبرنت الذي قمت أخي بتعديله لي قبل قليل
طبعا إذا أردت أن أرفق لك ستايل Dimension فأخبرني
تحياتي لك
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
انت يا احمد تامر امر ارفق لي الاستايل او يكون افضل لو ترفق قالب message_macros وقال extra.less

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

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

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

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
انت يا احمد تامر امر ارفق لي الاستايل او يكون افضل لو ترفق قالب 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;
}
تحياتي
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
تفضل حبيبي احمد هذا قالب 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 */
ووافينا بالنتائج

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
تفضل حبيبي احمد هذا قالب 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
وتستطيع رؤية النتيجة في هذا الموضوع مثلا

 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
ما يحتاج يا احمد انسخ نفس الخصائص من قالب extra.less اللي ارفقته لي انت في مشاركتك

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



/* XF-AR INFO USER */
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
ونسيت نقطة ايضا يا احمد ما قلت لك عليها

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
ما يحتاج يا احمد انسخ نفس الخصائص من قالب extra.less اللي ارفقته لي انت في مشاركتك

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



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

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
ونسيت نقطة ايضا يا احمد ما قلت لك عليها

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

طبق اللي قلته لك في مشاركتي السابقة
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
من خصائص الاستايل > الرسائل Messages

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

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

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

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
409
مستوى التفاعل
374
النقاط
63
العمر
19
الإقامة
sohag, Egypt
الموقع الالكتروني
تمام أخي
جزاك الله خيرا وعذرا على إزعاجك
تحياتي لك
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
307
مستوى التفاعل
398
النقاط
63
الإقامة
K.S.A
لا مافي ازعاج حبيبي احمد انت تامر امر

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

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

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

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

المواضيع
472
المشاركات
3,232
الأعضاء
163
آخر عضو مسجل
عيون فلسطين
أعلى