XF 2.1 - كيفية عمل كلمة المدير بأسفل المنتدى - لمنتديات XenForo | XenArabia | زين فورو العربية

XF 2.1 كيفية عمل كلمة المدير بأسفل المنتدى - لمنتديات XenForo

Abdo Ghaly

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

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

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

ثم نقوم بفتحه و الضغط على محرر الكود ونضغط ctrl +f حتى نفتح امكانية البحث
ثم نبحث عن
PHP:
<footer class="p-footer" id="footer">
بعدها سيأتي لنا


HTML:
</div>
</div>


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


نقوم بوضع الكود التالي قبل علامتي الـ </div></div>

HTML:
<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




 
التعديل الأخير بواسطة المشرف:

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
802
مستوى التفاعل
805
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
وعليكم السلام ورحمة الله وبركاته ..
ما شاء الله عليك أخي @Abdo Ghaly شرح رائع و مفيد لمن يطلبه...
وطبعا تبقى خيارات الالوان على حسب الرغبة
 

Anis07

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
12
مستوى التفاعل
5
النقاط
3
الإقامة
تونس
الموقع الالكتروني
مشاء الله و تبارك الله
شكرا لك أخي العزيز على هذا الشرح المميز و المستحق
 
التعديل الأخير:

Alrajabane

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
267
مستوى التفاعل
234
النقاط
43
الإقامة
السعودية
الموقع الالكتروني
بارك الله فيك ..
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
249
مستوى التفاعل
235
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا بارك الله فيك على الشرح الرائع
 

Abdo Ghaly

:: مصمم XenArabia ::
إنضم
24 يناير 2019
المشاركات
10
مستوى التفاعل
20
النقاط
3
الإقامة
مصر
الموقع الالكتروني
بارك الله فيكم اخوتي .. الكود كان ناقص شئ بسيط .. وقمت بأصلاحه .. يمكنكم الرجوع إليه مره اخرى
 

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
110
مستوى التفاعل
83
النقاط
28
سلمت الايادي اخي الكريم
بالفعل محتاجين مثل هذه الشروحات
وان شاء الله عن قريب الكل يتعاون في فتح دورة اعدادات وتعديلات القوالب لستايل الزين فورو.
مودتي
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
64
النقاط
18
الإقامة
مصر
بارك الله فيك اخى الكريم

شرح مميز

وهذا تطبيقى بعد التنسيق
431
 
التعديل الأخير:

Abdo Ghaly

:: مصمم XenArabia ::
إنضم
24 يناير 2019
المشاركات
10
مستوى التفاعل
20
النقاط
3
الإقامة
مصر
الموقع الالكتروني
شكراً لكم جميعاً على مرورك الطيب
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
249
مستوى التفاعل
235
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
ماذا لو أردت عرضها في الصفحة الرئيسية للمنتدى فقط

شكرا لكم مرة اخرى
أعتقد أخي أنك يمكنك عملها بهذا الامر الشرطي
كود:
<xf:if is="$template == 'forum_list'">
 المحتوى المراد إظهاره
</xf:if>
جرب وأخبرني
 

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

إحصائيات المنتدى

المواضيع
357
المشاركات
2,299
الأعضاء
118
آخر عضو مسجل
sameh
أعلى