كيفية اضافة صندوقي التحذير و التنبيه للووردبريس و بلوجر
https://www.techpointblog.com/2012/12/how-to-add-yellow-and-red-warning-box.php.html
السلام عليكم ورحمة الله وبركاته.
سوف اعمل اليوم على شرح كيفية اضافة صناديق التحذير و التنبيه
في المدونة وستفيدك في عمل الشروحات و الكثير من الاستخدامات الاخرى
تم ترجمة الموضوع من قِبل مدونة ارشيف بلوجر ,المصدر
فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.
- اذهب للوحة تحكم مدونتك .
- القالب.
- تحرير HTML'
- متابعه و اشر على توسيع القوالب.
- اضغط Ctrl+F من لوحة المفاتيح.
- ابحث عن الوسم التالي:
]]></b:skin>
7. قم بلصق الكود التالي فوقه مباشره:
#ErrorYellow{ margin-right: 55px; background-image: url(http://lh6.googleusercontent.com/-STlIUwa6Dkg/UFsfPdrxhJI/AAAAAAAABPc/XNigxZmpvdE/s32/YellowWarning.png); border: 1px solid #FFCF0F; background-color: #FFFFDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; } #ErrorRed{ margin-right: 55px; background-image: url(http://lh3.googleusercontent.com/-SCexRoopeJw/UFsfPWIOXYI/AAAAAAAABPg/D4_aPGnQysI/s32/RedWarning.png); border: 1px solid #FF0F0F; background-color: #FFDEDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }
8. اضغط حفظ.
9.في حال كنت تكتب موضوع و اردت استخدام هذه الخاصية التي اضفتها لمدونتك
فانقر على زر HTML تجده في اعلى صندوق الكتابه وضع احد الاكواد التاليه مع التعديل:
اذا اردت استخدام صندوق التحذير مثل هذا:
مثال: استغفر الله استغفر الله .....
فانسخ الكود التالي و ضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML
<div id="ErrorRed"> اكتب ما تريد هنا </div>
اما اذا اردت استخدام صندوق التنبيه مثل هذا:
تنبيه! سبحان الله سبحان الله سبحان الله
فانسخ الكود التالي وضعه في المكان المناسب في صندوق كتابة التدوينية بوضعية HTML
<div id="ErrorYellow"> اكتب ما تريد هنا </div>
واي استفسار يمكنك وضعه في تعليق في هذه التدوينيه وسيتم الرد عليه في اقرب وقت ممكن.
تحياتي.