هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [ BBcode] : كيفية تغيير طريقة عرض المرفقات (https://www.helpernt.com/vb/showthread.php?t=10559)

MesterPerfect 04-16-2020 11:23 PM

كيفية تغيير طريقة عرض المرفقات
 
بسم الله الرحمن الرحيم
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية تغيير شكل المرفقات من الشكل التقليدي إلى شكل قائمة
المعلومات
اسم الشرح : كيفية تغيير طريقة عرض المرفقات
توافق الشرح: xf2.1
موقع مقدم الشرح : mx-blind.com
مقدم الشرح : أحمد بكر @MesterPerfect
تمت التجربة: نعم

الشرح

ندخل إلى لوحة التحكم -==> المظهر -==> القوالب
نختار الستايل الذي نريد تعديله
نبحث عن قالب :
كود:

message_macros
ثم نبحث داخله عن هذا الكود

كود:

<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="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>
            <xf:contentcheck>
            <xf:if contentcheck="true">
            <ul class="attachmentList">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND $attachment.has_thumbnail">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
            </xf:if>
         
            <xf:if contentcheck="true">
            <ul class="attachmentList attachmentListCustom">
                <xf:contentcheck>
                    <xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment) AND !$attachment.has_thumbnail">
                        <xf:macro template="attachment_macros" name="attachment_list_item"
                            arg-attachment="{$attachment}"
                            arg-canView="{$canView}" />
                    </xf:foreach>
                </xf:contentcheck>
            </ul>
            </xf:if>
         
            </xf:contentcheck>
        </section>
    </xf:if>
</xf:macro>

وفي قالب :
كود:

attachments.less
قم بإضافة الكود التالي

كود:

.attachmentList.attachmentListCustom
{
    .xf-minorBlockContent();
    display: block;
    padding: @xf-paddingMedium @xf-paddingLarge;
    margin-top: @xf-elementSpacer;
    .attachment
    {
        display: block;
        width: auto;
        background-color: transparent;
        border-width: 0;
        padding: 5px 0;
        margin: 0;
        > div { display: inline-block; }
        i { width: 24px; text-align: center; }
        i:before { font-size: 22px; }
        .attachment-icon.attachment-icon--img img { max-height: 24px; }
        .attachment-name { margin-top: 0; }
        &:first-of-type { padding-top: 0; }
        &:last-of-type { padding-bottom: 0; }
    }
}

النتيجة
قبل التعديل

https://i.imgur.com/VfWEHFz.png

بعد التعديل

https://i.imgur.com/d2LJvfO.png

وبهذا ينتهي شرحنا لهذا اليوم
ونراكم قريبا إن شاء الله
والسَلام عليكم ورحمة الله وبركاته

for sat 04-17-2020 03:06 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
حركة جميلة
عاشت ايدك

Mighty Dr.Wolf 04-17-2020 09:08 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
بارك الله بك ووفق
اروع من الروعه
شكرا لك
تقبل تحيتي

S!L3NT H!LL 04-17-2020 09:16 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
وحش يا احمد , اسلوب جميل جدا

MesterPerfect 04-18-2020 09:22 AM

رد: كيفية تغيير طريقة عرض المرفقات
 
اقتباس:

المشاركة الأصلية كتبت بواسطة S!L3NT H!LL (المشاركة 36048)
وحش يا احمد , اسلوب جميل جدا

شوف يا حج مالك

طول ما انا بعيد عن الجامعة تلاقيني شغال كدا على طول

يبدأ موسم الجامعة

تلاقيني أكتأبت ومليت من كل شيء :)

MesterPerfect 04-18-2020 09:23 AM

رد: كيفية تغيير طريقة عرض المرفقات
 
اقتباس:

المشاركة الأصلية كتبت بواسطة Mighty Dr.Wolf (المشاركة 36047)
بارك الله بك ووفق
اروع من الروعه
شكرا لك
تقبل تحيتي

وفيك الله بارك

الأروع مرورك أخي الحبيب

العفو يالغالي حياك الله

MesterPerfect 04-18-2020 09:24 AM

رد: كيفية تغيير طريقة عرض المرفقات
 
اقتباس:

المشاركة الأصلية كتبت بواسطة for sat (المشاركة 36046)
حركة جميلة
عاشت ايدك

الله يبارك فيك أخي الحبيب

الأجمل مرورك

abo-karim 05-14-2020 05:50 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
الله

تطوير رااقى ومحترم

ازاى ماخدتش بالى منه قبل كده

بوركت اخى احمد

maaidni 05-14-2020 06:52 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
شكرآ لك لكن انا شايف قبل التعديل احلى

MesterPerfect 09-18-2020 04:14 PM

رد: كيفية تغيير طريقة عرض المرفقات
 
اقتباس:

المشاركة الأصلية كتبت بواسطة maaidni (المشاركة 36247)
شكرآ لك لكن انا شايف قبل التعديل احلى

هي تشبه الvb نسبيا

عدلتها لليحبها يالغالي


الساعة الآن 02:16 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir