هيلبرنت | Helpernt - [XF 2.x] : كود كلمة مدير الموقع لمنتديات الزين فورو xF2.0 , xF2.1

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

اليوم سأقوم بطرح شرح جديد والشرح خاص بتحويل هاك كلمة مدير الموقع الى كود لانى عاااااااااااااااااشق للاكواد رغم انها احيانا لاتضبط مع كل الاعضاء المهم ندهول فى صلب الموضوع وهو كود كلمة مدير الموقع.
اسم الكود // كلمة مدير الموقع .
توافق الكود // يعمل بشكل جيد جدا مع الجيل الثانى وصولا الى xF2.1.5
الموقع الناشر للكود // معهد هيلبرنت

https://i.imgur.com/36o8n2L.png

الخطوات
يوجد طريقتان سأشرح الاسهل فيهم ليتم اضافة الكود
1- قم بالدخول الى لوحة تحكم منتداك
2- من لوحة تحكم المنتدى >>> من القائمة الجانبيه اختار اعداد ثم الاعلانات >>> ستفتح صفجة جديد اضغط على كلمة اضافة اعلان

https://i.imgur.com/G7RgDy3.gif

3- ستفتح لك صفحة جديدة اعمل الاتى

فى خانة العنوان // ضع كلمة مدير الموقع
فى خانة الموضوع // اختار حاوى شريط التفاصيل (السفلى) اسفله
فى خانة html // ضع الكود التالى

كود PHP:


		
			
<div class="Admin_Comment"> 

     <span class="Admin_Icon">

         <i class="fas fa-bullhorn"></i>

    </span> 

    <div class="Admin_Text"> 

         <h3>

             <i class="fas fa-pen"></i>

             كلمة المدير

        </h3> 

        <p>

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

    </div> 

</div>        

    <br>

ثم حفظ كما بالصورة

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

3- الن نذهب الى قالب extra.less قم بوضع هذا الكود بداخله

كود PHP:


		
			
.Admin_Comment {

    color:#18181c;

    margin-top: 20px;

}

.Admin_Icon {

    float: left;

    margin-top: 9px;

    width: 60px;

    height: 60px;

    text-align: center;

    display: block;

    border-radius: 50%;

    background-color: #fff;

}

.Admin_Icon i {

    line-height: 60px;

    font-size: 26px;

}

.Admin_Text {

    margin-left: 74px;

    padding: 8px;

    border-radius: 4px;

    background-color: #fff;

    position: relative;

}

.Admin_Text::before {

    top: 10px;

    left: -18px;

    position: absolute;

    display: block;

    content: '';

    border-style: solid;

    border-width: 18px 0 0 18px;

    border-color: #fff transparent transparent transparent;

}

.Admin_Text h3 {

    position: relative;

    padding-bottom: 8px;

    margin: 5px;

}

.Admin_Text h3::before {

    background-color: #18181c;

    height: 2px;

    width: 70px;

    display: block;

    position: absolute;

    bottom: 0;

    left: 33px;

    content: '';

}

.Admin_Text p {

    font-size: 12px;

    line-height: 21px;

    margin: 0;

}

الى اللقاء فى شروحات قادمه