اهلا بكم أصدقائي مجددا في درس من قسم اضافات بلوجر والماتيريال ديزاين حيث سنقدم لكم اضافة حصرية توضع عند كتابة التدوينات كالملاحظات أو العناوين, الاضافة مصممة بتقنية الماتريال بـ 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>
ومبروك لك الاضافة
نتمنى أن ينال القالب إعجابكم ورضاكم
والمرجو وضع آراءكم للاضافة لدعمنا على تقديم كل ماهو جديد في هذا المجال وشكرا
إرسال تعليق