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

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

Abdo Ghaly

:: فريق عمل زين العربية ::
[ فرق تصميم زين العربية ]
إنضم
24 يناير 2019
المشاركات
115
مستوى التفاعل
52
النقاط
28
الإقامة
مصر
الموقع الالكتروني
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
أهلاً وسهلاً بكم اخوتي اعضاء ومشرفي وإدارة منتديات 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
المشاركات
3,726
مستوى التفاعل
2,299
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
وعليكم السلام ورحمة الله وبركاته ..
ما شاء الله عليك أخي @Abdo Ghaly شرح رائع و مفيد لمن يطلبه...
وطبعا تبقى خيارات الالوان على حسب الرغبة
 

Anis07

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,178
مستوى التفاعل
917
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
جميل جدا بارك الله فيك على الشرح الرائع
 

Abdo Ghaly

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

Wolf Knight

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

ِِAraby5050

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

شرح مميز

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

Abdo Ghaly

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,178
مستوى التفاعل
917
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني
ماذا لو أردت عرضها في الصفحة الرئيسية للمنتدى فقط

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

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
1,178
مستوى التفاعل
917
النقاط
113
العمر
21
الإقامة
sohag, Egypt
الموقع الالكتروني

ireepaircom

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

النوميدي

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

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

المواضيع
1,258
المشاركات
11,782
الأعضاء
479
آخر عضو مسجل
newsybest
أعلى