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

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

  1. ABU_Somaia

    ABU_Somaia زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

    إنضم إلينا في:
    ‏ابريل 15, 2015
    المشاركات:
    9,271
    الإعجابات :
    16,639
    نقاط الجائزة:
    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,611
    الإعجابات :
    3,651
    نقاط الجائزة:
    2,520
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    بارك الله فيك اخى الكريم وجزاك الله خيرا
     
    أعجب بهذه المشاركة ABU_Somaia
  3. MesterPerfect

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

    إنضم إلينا في:
    ‏نوفمبر 5, 2016
    المشاركات:
    15,768
    الإعجابات :
    19,504
    نقاط الجائزة:
    4,420
    الجنس:
    ذكر
    الإقامة:
    sohag, Egypt
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows8.1
    جميل جدا جزاكم الله خيرا
     
    أعجب بهذه المشاركة ABU_Somaia
  4. ABU_Somaia

    ABU_Somaia زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

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

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

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

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

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

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

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