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

Abdo Ghaly

:: فريق عمل زين العربية ::
[ فرق تصميم زين العربية ]
إنضم
24 يناير 2019
المشاركات
129
مستوى التفاعل
66
النقاط
28
الإقامة
مصر
الموقع الالكتروني
  • التقييمات: 0
  • #1
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أهلاً وسهلاً بكم اخوتي اعضاء ومشرفي وإدارة منتديات 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




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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,742
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
وعليكم السلام ورحمة الله وبركاته ..
ما شاء الله عليك أخي @Abdo Ghaly شرح رائع و مفيد لمن يطلبه...
وطبعا تبقى خيارات الالوان على حسب الرغبة
 

Anis07

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

Alrajabane

◥ ツواحد من الناسツ ◤
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
1,111
مستوى التفاعل
783
النقاط
113
الإقامة
السعودية
الموقع الالكتروني
بارك الله فيك ..
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا بارك الله فيك على الشرح الرائع
 

Abdo Ghaly

:: فريق عمل زين العربية ::
[ فرق تصميم زين العربية ]
إنضم
24 يناير 2019
المشاركات
129
مستوى التفاعل
66
النقاط
28
الإقامة
مصر
الموقع الالكتروني
بارك الله فيكم اخوتي .. الكود كان ناقص شئ بسيط .. وقمت بأصلاحه .. يمكنكم الرجوع إليه مره اخرى
 

Wolf Knight

عضو معروف
[ عُملاء زين العَربية ]
إنضم
28 يناير 2019
المشاركات
505
مستوى التفاعل
312
النقاط
63
سلمت الايادي اخي الكريم
بالفعل محتاجين مثل هذه الشروحات
وان شاء الله عن قريب الكل يتعاون في فتح دورة اعدادات وتعديلات القوالب لستايل الزين فورو.
مودتي
 

Abdo Ghaly

:: فريق عمل زين العربية ::
[ فرق تصميم زين العربية ]
إنضم
24 يناير 2019
المشاركات
129
مستوى التفاعل
66
النقاط
28
الإقامة
مصر
الموقع الالكتروني
شكراً لكم جميعاً على مرورك الطيب
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني
ماذا لو أردت عرضها في الصفحة الرئيسية للمنتدى فقط

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني

ireepaircom

عضو فعال
[ عُملاء زين العَربية ]
إنضم
12 مارس 2020
المشاركات
163
مستوى التفاعل
36
النقاط
28
جميل جدا بارك الله فيك على الشرح الرائع
 

النوميدي

:: الأعضاء ::
إنضم
3 أبريل 2020
المشاركات
203
مستوى التفاعل
138
النقاط
43
الإقامة
أرض الله
الموقع الالكتروني
السلام عليكم و رحمة الله
تسلم الأيدي ..يا طيب..،
شرح أكثر من رائع..،
الله يديم عليك الصحة و العافية يا رب..,
 

جميع المواضيع والمشاركات والتعليقات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

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

المواضيع
2,082
المشاركات
21,948
الأعضاء
977
آخر عضو مسجل
rfab
أعلى