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

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

    ليست هناك تعليقات:

    جميع الحقوق محفوظة نكهة التقنية | تصميم : الروسافي عمر