صناديق تنبيهات بثلاث ألوان سهلة التركيب

6:42 ص

تفاصيل الملحق

شارك العمل

صناديق تنبيهات جميلة صالحة لتنبيهات كمثال في تنبيهات للمواضيع أو وضعها في القالب بأي مكان كان والرائع في ذالك ان تركيبها سهل جدآ لا نطيل لكم بكثير ولي نذهب الى طريقة التركيب

طريقة التركيب :

ادخل مدونتك وضع الاكواد في أي مكان تود أظهار التنبيهات سواء كان عبر اداة جافا سكربت ام داخل القالب

الكود الاول اللون الازرق

<link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css" />
<div class="tips" style="min-height: 38px; font-stretch: normal; font-size: 15px; font-family: Droid Arabic Kufi, arial; padding: 10px 50px 12px 12px; margin: 5px 0px; text-align: right; direction: rtl; color: rgb(255, 255, 255); background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhELUZmhyphenhyphenwz97Wd_ZH3GkQcCvVx4466F_8epJSM1fdnxWwSAVjU4hhEP4lUal0QLmOeBItClhWYfzvVWejHmJ_vDUDd7_KWXcNZO_5ijiRV21jjWudg0LVt0oTh1JOYFC8zNyarLJ86PmM/s1600/tips.png) 100% 50% no-repeat rgb(113, 184, 255);">يمكنك تغيير هذا النص بما تريده !!</div>
<div><br /></div>

الكود الثاني اللون الرصاصي

<link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css" />
<div class="info" style="min-height: 38px; font-stretch: normal; font-size: 15px; font-family: Droid Arabic Kufi, arial; padding: 10px 50px 12px 12px; margin: 5px 0px; text-align: right; direction: rtl; color: rgb(255, 255, 255); background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6yhw9jWN0V0E7wckNMNTO8ATblGxPGg2qevQg5yu8Fm2X7ASMWu-ESjElm4S7dbPLnLiQPN7_78-5WRUAmRu61vzY5SQ5M1TUpzxB7t2GEHn_L88SR6i5rOX12nCRqL74Om_WjFLFeY/s1600/info.png) 100% 50% no-repeat rgb(154, 154, 154);">يمكنك تغيير هذا النص بما تريده !!</div>
<div><br /></div>

الكود الثالث اللون الاحمر

<link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css" />
<div class="warning" style="min-height: 38px; font-stretch: normal; font-size: 15px; font-family: Droid Arabic Kufi, arial; padding: 10px 50px 12px 12px; margin: 5px 0px; text-align: right; direction: rtl; color: rgb(255, 255, 255); background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-j0U_RKfMP2ZwkgnKMigZkDK6eef2FrrBJLg5Pso2AFuukJdJAhLejZbJBXNXnajDGQv2tIkCiuPR0kuOt8rGZE6RLmWdSNPK42obxEVn2z9w2v5LA4zp3M5S2eAniEGoIRM2V2Jhyphenhyphenw/s1600/warning.png) 100% 50% no-repeat rgb(219, 97, 97);">يمكنك تغيير هذا النص بما تريده !!</div>
<div><br /></div>

انتهينا تابعونا في موضوع أخر