تلبية طلبات تعريب اضافات xenForo

أثبت وجودك لا تقرأ وترحل



أثبت وجودك لا تقرأ وترحل
ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

كود الملاحظات الشبيه بمنتدي الديف بوينت

السَلام عليكم ورحمة الله وبركاته أهلا بكم في شرح جديد وإن شاء الله يكون مفيد شرحنا اليوم يتمثل في كيفية تغيير شكل الملاحظات القديمه الي شكل الملاحظات كما بمنتدي الديف بوينت معلومات اسم الشرح: كود...

احصائياتى

الردود
3

المشاهدات
135
michel2012
.:: عضو مشارك ::.
  • michel2012 is a jewel in the roughmichel2012 is a jewel in the roughmichel2012 is a jewel in the roughmichel2012 is a jewel in the rough

  • michel2012 غير متواجد حالياً

المشاركات
26

+التقييم
63

تاريخ التسجيل
Nov 2017

الاقامة
مصر

نظام التشغيل
windows 8.1

رقم العضوية
1461
08-26-2019, 12:25 AM
المشاركة 1
08-26-2019, 12:25 AM
المشاركة 1
new كود الملاحظات الشبيه بمنتدي الديف بوينت
السَلام عليكم ورحمة الله وبركاته
أهلا بكم في شرح جديد وإن شاء الله يكون مفيد
شرحنا اليوم يتمثل في كيفية تغيير شكل الملاحظات القديمه الي شكل الملاحظات كما بمنتدي الديف بوينت
معلومات
اسم الشرح: كود الملاحظات المطور
توافق الشرح: xf2.0/xf2.1

الشرح
ندخل إلى لوحة التحكم -==> التواصل -==> الملاحظات ==> اضافه ملاحظة
قم بادخال البيانات كما في الصور
الكود :
كود PHP:
<div class="block-rowMessage special_adv">
    <
div class="icon_block">
        <
class="fas fa-quote-right" aria-hidden="true"></i>
    </
div>
    <
div class="adv_msg">
        <
h3>بسم الله الرحمن الرحيم</h3>
    </
div>
</
div
الخطوة الثانية:
ثم نتوجه الي المظهر #القوالب # قالب extra.less

ثم نضع كود CSS التالي داخله
كود PHP:

.notice{
    
backgroundtransparent;
    
border0;
}
.
special_adv{
    
positionrelative;
    
overflowhidden;
    
background#fff;
}

.
icon_block{
    
positionabsolute;
    
background#218C74;
    
color#fff;
    
top0;
    
left0;
    
height40px;
    
width30px;
    
line-height40px;
    
padding-left14px;
}

.
icon_block::before{
    
content" ";
    
positionabsolute;
    
height40px;
    
width40px;
    
background#218C74;
    
clip-pathpolygon(104.37% -4.76%, 102.85102.44%, 37.9951.6%, 39.1851.6%);
    
left30px;
}

.
icon_block::after{
    
content" "
}
.
adv_msg{
    
margin-left60px;
    
line-height0px;
    
font-size12px;

يتبقى عليك عند اضافة الملاحظة ان تختار عرض التصميم أخرى، باستخدم نمط CSS مخصص

صورة للشكل النهائي




ولكم مني كل تقدير والمودة

التعديل الأخير تم بواسطة هيلبرنت ; 08-26-2019 الساعة 09:22 PM
قديم 08-26-2019, 09:25 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: كود الملاحظات الشبيه بمنتدي الديف بوينت
شكرا لك ولمن اراد الخطوات من هنا


قديم 08-26-2019, 10:34 PM
المشاركة 3
michel2012
.:: عضو مشارك ::.
  • michel2012 غير متواجد حالياً
افتراضي رد: كود الملاحظات الشبيه بمنتدي الديف بوينت
رائع شرح وافي وكافي اخي العزيز

قديم 10-04-2019, 10:10 AM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: كود الملاحظات الشبيه بمنتدي الديف بوينت
شكرا لك اخى

مجهود طيب

اضافة رد

العلامات المرجعية

كود الملاحظات الشبيه بمنتدي الديف بوينت


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: كود الملاحظات الشبيه بمنتدي الديف بوينت
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
عاوز افعل مركز الاشعارات فى استايل شبيه الديف بوينت وشئ اخر ميدو الفنان ركن مشاكل وطلبات المنتديات 14 12-29-2015 12:53 AM
تغير شكل الملف الشخصي للعضو مثل الديف بوينت ميدو الفنان ركن مشاكل وطلبات المنتديات 5 12-27-2015 11:00 PM
تغير شئ فى ستايل شبيه الديف بوينت 2015 ميدو الفنان ركن مشاكل وطلبات المنتديات 19 12-12-2015 07:09 PM
اضافه قائمه جانبيه مثل الديف بوينت ميدو الفنان ركن مشاكل وطلبات المنتديات 2 12-12-2015 12:24 PM




الساعة الآن 08:02 AM
Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum