صورة للإضافة مع الألوان الخاصة بها
تركيب الاضافة
إذن على بركة الله سنمر الأن الى طريقة تركيب هذه الصناديق..أولا: عليك إضافة اكواد 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>
وأخيرا غير الجملة الملونة بالأحمر بالتي تريدها أنت
ومبروك لك الاضافةنتمنى أن ينال القالب إعجابكم ورضاكم
المصدر نكهة التقنية
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).