صناديق الملاحظات الرائع

صناديق الملاحظات الرائع
طريقة الاضافة 
عند المشاركة ضع احد الاكواد التالية في تبويب HTML

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

<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/AVvXsEhQj_uoTSOqLGMdC2oXuP7xZv3tNJXAwynJYGJbufTPcdx0FllxDOVumBjsSkIcClsPQ4Pd22qd18DyWnHL4fdbvIxo8CCOLK_7E0DYAksVIQmjgzl84r0Q-ixXr19dQwrFTgdyf9rE2RE/s1600/warning.png) 100% 50% no-repeat rgb(219, 97, 97);">هـنـا تضع الــنـــص المكتوب !!</div><div><br /></div>

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

<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/AVvXsEj3N8liKt6w2xMUqHNYIwj9sr3s4CnrnRfWVliqZC8hVcFheZALHMR2IjJdqjGLe9mQGk_P6XMPGHP9uVmeplVwiKokCpdHYdHHUczh4eM6_mYb4rNOI9GtEmES6KWATLdjjEtKdnRlgT4/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/AVvXsEgDwl9VUPSCmZ69StXlJS1qnWEMz6k57OzfHZJZC21vUFMBJ9mRrlf2ciHpkKyNwkRx20c3YVtXlnnJM8Hr_H6yxbTHcXvPxiviMSy3-0ZIvX4g16WQNn1-5rUshIF3bJgv4PZ0MhyOVxo/s1600/info.png) 100% 50% no-repeat rgb(154, 154, 154);">هـنـا تضع الــنـــص المكتوب !!</div><div><br /></div>