غير متصل
اخوانى الكرام اسرة منتديات زيزووم .. تحيه طيبه وبعد
اقدم لكم
> شرح كيفية عمل "كلمة المدير" اسفل المنتديات <
الوصف : كود يقوم بعمل بلوك اسفل المنتديات لعرض ملاحظات مهمه.
التوافق : 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 مع بعض التعديلات من طرفى.
واخيرا نتمنى لكم الافاده ... ونسألكم الدعاء
التعديل الأخير بواسطة المشرف:
