[ تم الحل ] - تغير مظهر الملاحضات | زين العربية

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

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

Abu Ayesh

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

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

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

ءء.PNG

بانتظاركم

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

shqawe

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

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

Abu Ayesh

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

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


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

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

Abu Ayesh

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

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

تحياتي لك
 

XenArabia

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


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

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

المواضيع
1,275
المشاركات
12,048
الأعضاء
484
آخر عضو مسجل
hamasat
أعلى