عرض مشاركة واحدة
احصائياتى

الردود
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