recent
أخبار ساخنة

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

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية

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


]]></b:skin>
الكود


/* by mohamed.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}

ثانيالإضافة تلك الصناديق الى موضوع على مدونتك
عليك أولا الانتقال من وضع تأليف الى html ثم وضع احدى هذه الاكواد

 لإضافة الصندوق ذو اللون البنفسجي ضع هذا الكود
 <div class=" mohamedcolorboxes purple">ضع هنا وصف أو جملة أو عنوان</div>
  <div class=" mohamedcolorboxes red">ضع هنا وصف أو جملة أو عنوان</div>
  <div class=" mohamedcolorboxes orange">ضع هنا وصف أو جملة أو عنوان</div> <div class=" mohamedcolorboxes blue">ضع هنا وصف أو جملة أو عنوان</div>
  <div class="mohamedcolorboxes green">ضع هنا وصف أو جملة أو عنوان</div>

أخيراً قم بتغير الكتابة باللون الأحمر واستبدالها بالكلام المراد كتابته 
في نهاية موضوعنا اليوم لا تنسي مشاركة المقالة مع أصدقائك لكي يستفاد منه الأخرين .
google-playkhamsatmostaqltradent