• أعضائنا الكرام بخصوص تنفيذ الطلبات قد يستغرق بعض الوقت،شكرا لحسن تفهمكم.
  • أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

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

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

Abu Ayesh

:: الأعضاء ::
28 يناير 2019
139
1
112
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,597
المشاركات
17,925
الأعضاء
1,158
آخر عضو مسجل
BigMen
أعلى