حلول

محتويات مقالاتي صحيفة البوابة مختلفون دروبلاي المواطن موقع ثقة أركان المعتمر لحجز فنادق مكة والمدينة موقع نادي العرب الموسوعة العامة بيتونيا اينما new capital compounds new capital compounds

تعديل قالب شرح كيفية عمل "كلمة المدير" اسفل المنتديات

الموضوع في 'منتدى شروحات واضافات الزينفورو' بواسطة ABU_Somaia, بتاريخ ‏مارس 28, 2019.

  1. ABU_Somaia

    ABU_Somaia الإداري العام طاقم الإدارة ★ نجم المنتدى ★ فريق الدعم لقسم الحماية عضوية موثوقة ✔️

    إنضم إلينا في:
    ‏ابريل 15, 2015
    المشاركات:
    9,264
    الإعجابات :
    16,583
    نقاط الجائزة:
    3,970
    الجنس:
    ذكر
    الإقامة:
    مصر
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows8.1


    [​IMG]
    [​IMG]

    اخوانى الكرام اسرة منتديات زيزووم .. تحيه طيبه وبعد
    اقدم لكم

    [​IMG]

    > شرح كيفية عمل "كلمة المدير" اسفل المنتديات <


    الوصف : كود يقوم بعمل بلوك اسفل المنتديات لعرض ملاحظات مهمه.
    التوافق : 2.0 & 2.1


    الطريقه كالتالى :

    من لوحة التحكم > المظهر > القوالب

    ثم نبحث عن القالب Page_container

    ثم نقوم بفتحه و الضغط على محرر الكود ونضغط ctrl +f حتى نفتح امكانية البحث

    ثم نبحث عن

    كود PHP:
    <footer class="p-footer" id="footer">
    فوقه ستجد التالى

    كود PHP:
    </div>
    </
    div>
    سنقوم بوضع الكود المطلوب فوقها

    الكود كالتالى
    :whitedownpointing:


    كود PHP:
            <!كود كلمة المدير by.abu_somaia>

            <
    div class="manageralert">
    <
    div class="alerticon">
        <
    class="fa fa-flag"></i>
    </
    div>
            <
    div class="alert-content">
        <
    h3><class="fa fa-thumbs-up"></i><label>
         
    <
    span style="line-height: 10px;padding: 2px 15px;font-size: 15px;background-color: rgb(239, 221, 173); color: red;border-radius: 5px;text-align: center;">كلمة المدير</span>    
            </
    label></h3>
     
        <
    p>
         
    <
    span style="font-size: 15px;font-weight: bold; color: blue; text-align: center;">جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى
    </span></p>
     
     
    </
    div>
    </
    div>
        <!
    كود كلمة المدير by.abu_somaia-end>
        
    ثم نقوم بالحفظ والانتقال الى القالب extra.less ونضع به الكود التالى

    كود PHP:
        /**تنسيق كود عمل ملاحظه اسفل المنتدى - كلمة المدير . by-abu_somaia***/

        
    .manageralert{
    margin:25px 0;
        
    color:black;
    }
    .
    alert-content , .alerticon{
        
    background:#f4efab;
        
    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;
    }
        
    /**تنسيق كود عمل ملاحظه اسفل المنتدى - كلمة المدير . by-abu_somaia - end***/
    ليكون الشكل النهائى كالتالى ..

    upload_2019-3-28_10-6-22.png

    يمكنك تغيير الرموز "العلم - والرمز اليد بجانب كلمة المدير" بتغيير التالى

    هذا كود الرمز بجانب كلمة المدير - تقوم بتغييره بما تريد من اكواد FontAwesome

    كود PHP:
    <class="fa fa-thumbs-up"></i>

    والتالى رمز العلم


    كود PHP:
        <class="fa fa-flag"></i>
    ملاحظه : الكود منقول من xenarabia مع بعض التعديلات من طرفى.

    [​IMG]

    واخيرا نتمنى لكم الافاده ... ونسألكم الدعاء
     
    آخر تعديل بواسطة المشرف: ‏ابريل 1, 2019
    MesterPerfect و محمود وبس معجبون بهذا.
  2. محمود وبس

    محمود وبس داعم ذهبي للمنتدى داعــــم للمنتـــــدى

    إنضم إلينا في:
    ‏يوليو 20, 2017
    المشاركات:
    3,600
    الإعجابات :
    3,623
    نقاط الجائزة:
    2,520
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    بارك الله فيك اخى الكريم وجزاك الله خيرا
     
    أعجب بهذه المشاركة ABU_Somaia
  3. MesterPerfect

    MesterPerfect مراقب عام طـــاقم الإدارة ★ نجم المنتدى ★ نجم الشهر عضوية موثوقة ✔️

    إنضم إلينا في:
    ‏نوفمبر 5, 2016
    المشاركات:
    12,564
    الإعجابات :
    14,342
    نقاط الجائزة:
    3,220
    الجنس:
    ذكر
    الإقامة:
    sohag, Egypt
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows8.1
    جميل جدا جزاكم الله خيرا
     
    أعجب بهذه المشاركة ABU_Somaia
  4. ABU_Somaia

    ABU_Somaia الإداري العام طاقم الإدارة ★ نجم المنتدى ★ فريق الدعم لقسم الحماية عضوية موثوقة ✔️

    إنضم إلينا في:
    ‏ابريل 15, 2015
    المشاركات:
    9,264
    الإعجابات :
    16,583
    نقاط الجائزة:
    3,970
    الجنس:
    ذكر
    الإقامة:
    مصر
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows8.1
    بارك الله فيكم اخوانى

    اسعدنى مروركم الطيب

    :222love:
     
    أعجب بهذه المشاركة محمود وبس
  5. cherki

    cherki زيزوومي جديد

    إنضم إلينا في:
    ‏يونيو 8, 2013
    المشاركات:
    34
    الإعجابات :
    19
    نقاط الجائزة:
    50
    الجنس:
    ذكر
    الإقامة:
    maroco
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    بارك الله فيك اخى الكريم
     

مشاركة هذه الصفحة

جاري تحميل الصفحة...