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

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

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

Abu Ayesh

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
153
مستوى التفاعل
153
النقاط
43
الإقامة
فلسطين
السلام عليكم ورحمة الله وبركاته

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

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

ءء.PNG

بانتظاركم

تحياتي للجميع
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
حياك الله اخوي @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

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
153
مستوى التفاعل
153
النقاط
43
الإقامة
فلسطين
حياك الله اخوي @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

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


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

الف شكر
 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
3,370
مستوى التفاعل
2,917
النقاط
113
الإقامة
K.S.A
ولو العفو و تحت امرك حبيبي في اي وقت

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

Abu Ayesh

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
153
مستوى التفاعل
153
النقاط
43
الإقامة
فلسطين
ولو العفو و تحت امرك حبيبي في اي وقت

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


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

فقط اقم بكتابة الملاحظ ويطلع التنسيق جاهز
 

Abu Ayesh

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
153
مستوى التفاعل
153
النقاط
43
الإقامة
فلسطين
خلص يعطيك العافية ياغالي

قدرت اعمل واغير تصميم الملاحظات الى نفس التصميم يلي اعطيتني اياه

تحياتي لك
 

أبو غَيْث

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


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

جميع المواضيع والمشاركات والتعليقات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

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

المواضيع
2,082
المشاركات
21,948
الأعضاء
977
آخر عضو مسجل
rfab
أعلى