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

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

صورة للإضافة مع الألوان الخاصة بها

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

إذن على بركة الله سنمر الأن الى طريقة تركيب هذه الصناديق..
أولا: عليك إضافة اكواد css الخاصة بالاضافة وتوضع فوق هذا الوسم

]]></b:skin>

الكود:

/*  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
ثم وضع احدى هذه الاكواد

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

 <div class="Nak1hacolorboxes purple">

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

</div>

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

 <div class="Nak1hacolorboxes red">

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

</div>

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

 <div class="Nak1hacolorboxes orange">

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

</div>

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

 <div class="Nak1hacolorboxes blue">

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

</div>

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

 <div class="Nak1hacolorboxes green">

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

</div>

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

ومبروك لك الاضافة
نتمنى أن ينال القالب إعجابكم ورضاكم