الأربعاء، 14 يونيو 2017

اضافة صناديق الملاحظات بالماتيريال ديزاين

اهلا بكم أصدقائي مجددا في درس من قسم اضافات بلوجر والماتيريال ديزاين حيث سنقدم لكم اضافة حصرية توضع عند كتابة التدوينات كالملاحظات أو العناوين, الاضافة مصممة بتقنية الماتريال بـ 5ألوان مختلفة مع تأثير الظل الذي يعطي جمالية أكثر للتدوينة.
صورة للإضافة مع الألوان الخاصة بها

تركيب الاضافة

إذن على بركة الله سنمر الأن الى طريقة تركيب هذه الصناديق..
أولا: عليك إضافة اكواد css الخاصة بالاضافة وتوضع فوق هذا الوسم
]]>
الكود:
/*  by Nak1ha.com*/
.Nak1hacolorboxes{overflow:hidden;position:relative;margin:.6rem 0 1rem;transition:box-shadow .26s;border-radius:3px;color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16),0 3px 10px 0 rgba(0,0,0,0.12);padding:21px;font-size:15px}
.Nak1hacolorboxes.blue{background:#34adff}
.Nak1hacolorboxes.green{background:#4CAF50}
.Nak1hacolorboxes.red{background:#f5554a}
.Nak1hacolorboxes.orange{background:#ffa219}
.Nak1hacolorboxes.purple{background:#7446c4}

ثانيا: لإضافة تلك الصناديق الى موضوع على مدونتك

عليك أولا الانتقال من وضع تأليف الى htm
ثم وضع احدى هذه الاكواد





  • لإضافة الصندوق ذو اللون البنفسجي ضع هذا الكود


  •  

    ضع هنا وصف أو جملة أو عنوان





  • لإضافة الصندوق ذو اللون الأحمر ضع هذا الكود


  •  

    ضع هنا وصف أو جملة أو عنوان





  • لإضافة الصندوق ذو اللون البرتقالي ضع هذا الكود


  •  

    ضع هنا وصف أو جملة أو عنوان





  • لإضافة الصندوق ذو اللون الأزرق ضع هذا الكود


  •  

    ضع هنا وصف أو جملة أو عنوان





  • لإضافة الصندوق ذو اللون الأخضر ضع هذا الكود


  •  

    ضع هنا وصف أو جملة أو عنوان

    وأخيرا غير الجملة الملونة بالأحمر بالتي تريدها أنت

    ومبروك لك الاضافة
    نتمنى أن ينال القالب إعجابكم ورضاكم
    المصدر نكهة التقنية
    شارك الموضوع مع أصدقائك لتعم الفائدة
    اضافة صناديق الملاحظات بالماتيريال ديزاين
    4/ 5
    Oleh

    اشترك بالقائمة البريديه

    قم بكتابة بريدك الالكتروني لتصلك أخر الاخبار

    يسعدنا تفاعلكم بالتعليقات ولكن في حدود الاحترام و بخصوص الموضوع