• أعضائنا الكرام بخصوص تنفيذ الطلبات قد يستغرق بعض الوقت،شكرا لحسن تفهمكم.

[ تم الحل ] تغير مظهر الملاحضات

الحالة
مغلق و غير مفتوح للمزيد من الردود.

Abu Ayesh

:: الأعضاء ::
28 يناير 2019
138
1
128
43
فلسطين
السلام عليكم ورحمة الله وبركاته

محتاج طريقة لتغير مظهر الملاحظات ، تكون بمظهر جميل

مع ايقونة مثل ما في صورة

ءء.PNG

بانتظاركم

تحياتي للجميع
 
حياك الله اخوي @Abu Ayesh تفضل اتمنى ان هذا يكون طلبك

كود الملاحظة وغير ما يلزم

HTML:
<div class="block-rowMessage special_adv">
    <div class="icon_block">
        <i class="fas fa-quote-right" aria-hidden="true"></i>
    </div>
    <div class="adv_msg">
        <h3>بسم الله الرحمن الرحيم</h3>
    </div>
</div>

كود ال css

CSS:
.notice{
    background: transparent;
    border: 0;
}
.special_adv{
    position: relative;
    overflow: hidden;
    background: #fff;
}

.icon_block{
    position: absolute;
    background: #218C74;
    color: #fff;
    top: 0;
    left: 0;
    height: 40px;
    width: 30px;
    line-height: 40px;
    padding-left: 14px;
}

.icon_block::before{
    content: " ";
    position: absolute;
    height: 40px;
    width: 40px;
    background: #218C74;
    clip-path: polygon(104.37% -4.76%, 102.85% 102.44%, 37.99% 51.6%, 39.18% 51.6%);
    left: 30px;
}

.icon_block::after{
    content: " "
}
.adv_msg{
    margin-left: 60px;
    line-height: 0px;
    font-size: 12px;
}


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

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

adv-abu-ayesh.jpg

احترامي وتقديري
اخوك
شقاوي
 
حياك الله اخوي @Abu Ayesh تفضل اتمنى ان هذا يكون طلبك

كود الملاحظة وغير ما يلزم

HTML:
<div class="block-rowMessage special_adv">
    <div class="icon_block">
        <i class="fas fa-quote-right" aria-hidden="true"></i>
    </div>
    <div class="adv_msg">
        <h3>بسم الله الرحمن الرحيم</h3>
    </div>
</div>

كود ال css

CSS:
.notice{
    background: transparent;
    border: 0;
}
.special_adv{
    position: relative;
    overflow: hidden;
    background: #fff;
}

.icon_block{
    position: absolute;
    background: #218C74;
    color: #fff;
    top: 0;
    left: 0;
    height: 40px;
    width: 30px;
    line-height: 40px;
    padding-left: 14px;
}

.icon_block::before{
    content: " ";
    position: absolute;
    height: 40px;
    width: 40px;
    background: #218C74;
    clip-path: polygon(104.37% -4.76%, 102.85% 102.44%, 37.99% 51.6%, 39.18% 51.6%);
    left: 30px;
}

.icon_block::after{
    content: " "
}
.adv_msg{
    margin-left: 60px;
    line-height: 0px;
    font-size: 12px;
}


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

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

مشاهدة المرفق 1150

احترامي وتقديري
اخوك
شقاوي


الله يعطيك العافية يارب ، يسلمو اديك ياغالي

الف شكر
 
ولو العفو و تحت امرك حبيبي في اي وقت

احترامي وتقديري
اخوك
شقاوي


اخر طلب ياغالي هو بقدر اعدل القالب الرسمي للملاحظات ، يعني اخلي التصميم هاد الرسمي للملاحظات بدل اضافة الكود في نص الملاحظة

فقط اقم بكتابة الملاحظ ويطلع التنسيق جاهز
 
السلام عليكم ورحمة الله وبركاته ،،
أستاذ @Abu Ayesh, تم غلق الموضوع لأحد الأسباب التالية:
  1. تم حل المشكلة أو تلبية الطلب و الحمد لله.
  2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
  3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).
عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المعهد بإغلاق المواضيع التي تتوافق مع الأسباب السابقة. بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار ليتم فتج الموضوع من جديد.


مع خالص الإحترام و التقدير
إدارة زين العربية
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

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

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

المواضيع
1,593
المشاركات
19,443
الأعضاء
1,010
آخر عضو مسجل
جيمي
أعلى