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

المصدر: شرح كيفية عمل "كلمة المدير" اسفل المنتديات
في منتدى : منتدى شروحات واضافات الزينفورو

​

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



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


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

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

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

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

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

ثم نبحث عن

كود PHP:

<footer class="p-footer" id="footer">


فوقه ستجد التالى

كود PHP:

</div>
</div>

سنقوم بوضع الكود المطلوب فوقها

الكود كالتالى

كود PHP:

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

        <div class="manageralert">
<div class="alerticon">
    <i class="fa fa-flag"></i>
</div>
        <div class="alert-content">
    <h3><i 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***/

ليكون الشكل النهائى كالتالى ..



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

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

كود PHP:

<i class="fa fa-thumbs-up"></i>

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

كود PHP:

    <i class="fa fa-flag"></i>

ملاحظه : الكود منقول من xenarabia مع بعض التعديلات من طرفى.



واخيرا نتمنى لكم الافاده ... ونسألكم الدعاء​

 

جميل جدا جزاكم الله خيرا

 

بارك الله فيكم اخوانى

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

 

بارك الله فيك اخى الكريم

 

موضوع مميز
يعطيك الف عافيه
تحياتي.

 

شكرا لك

 

جزاك الله خير