عيد الاضحى المبارك


مواضيع تهمك

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

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

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

احصائياتى

الردود
3

المشاهدات
1298
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 غير متواجد حالياً

المشاركات
32

+التقييم
68

تاريخ التسجيل
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




الساعة الآن 02:44 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum