بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أهلاً وسهلاً بكم اخوتي اعضاء ومشرفي وإدارة منتديات Xenarabia
----------------
بعد أن جائنا طلب من أحد الأخوة الأعضاء بكيفية عمل كلمة المدير بأسفل المنتدى
نقدم لكم الشرح مع التطبيق العملي على منتدانا الغالي..

بداية ندخل لوحة الإدارة ثم مظهر ثم القوالب

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

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

ثم نبحث عن

PHP:
<footer class="p-footer" id="footer">
بعدها سيأتي لنا
PHP:
</div>
</div>


<footer class="p-footer" id="footer">
    <div class="p-footer-inner">
نقوم بوضع الكود التالي قبل علامتي الـ </div></div>
PHP:
<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>كلمة المدير</label></h3>
    <p>
    جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .
</p>
</div>   
</div>
ثم نقوم بالحفظ والرجوع إلى القوالب مره آخرى ونقوم بالحبث عن القالب extra.less
ثم نضف الكود التالي فى اي مكان بالقالب أوله او اخره

CSS:
.manageralert{
margin:25px 0;
    color:#111;
}
.alert-content , .alerticon{
    background:#fff;
    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;
}
ثم نقوم بحفظ القالب ..
اتمنى ان ينال الدرس إعجابكم
لرؤية المثال بأسفل المنتدى
او من هنا
XenArabia