السبت، 22 ديسمبر 2012

كيفية اضافة صندوقي التحذير و التنبيه للووردبريس و بلوجر



Warning.png
السلام عليكم ورحمة الله وبركاته.

سوف اعمل اليوم على شرح كيفية اضافة صناديق التحذير و التنبيه

في المدونة وستفيدك في عمل الشروحات و الكثير من الاستخدامات الاخرى

تم ترجمة الموضوع من  قِبل مدونة ارشيف بلوجر ,المصدر 

فارجو ان تنال الاضافة اعجابكم الان مع كيفية التركيب.
  1. اذهب للوحة تحكم مدونتك .
  2. القالب.
  3. تحرير HTML'
  4. متابعه و اشر على توسيع القوالب.
  5. اضغط Ctrl+F من لوحة المفاتيح.
  6. ابحث عن الوسم التالي:
  ]]></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>
    واي استفسار يمكنك وضعه في تعليق في هذه التدوينيه وسيتم الرد عليه في اقرب وقت ممكن.
    تحياتي.

    ليست هناك تعليقات:

    إرسال تعليق