الأربعاء، 29 أغسطس 2012

عرض HTML، CSS، JavaScript في رموز خلفية ملونة في Blogger


نكتب كثيرا ما البرنامج التعليمي الذي تتعلق رموز المصدر مثل HTML، CSS، رموز سكريبت. في ما بعد تقريري السابق وأظهر لي كيفية إظهار HTML وشفرة جافا سكريبت في آخر المدون ولكن هذه المرة أنا أقدم البرنامج التعليمي حول كيفية يمكنك عرض HTML، CSS رموز في خلفية ملونة العديد من المدونين أيضا اتباع هذا الأسلوب. هذا لطيف لتمثيل رمز المصدر أو رمز HTML أو جافا سكريبت في خلفية ملونة


COLORED SOURCE CODE

  • Log in to Blogger → Dashboard


  • Go to Design Tab → Edit HTML


  • Search for the following code






  • تسجيل الدخول إلى Blogger لوحة →



  • انتقل إلى علامة التبويب تصميم → تحرير HTML



  • البحث عن التعليمات البرمجية التالية

    • ]]></b:skin>
  • Now paste the following CSS code just above ]]></b:skin>


    • .rafi { font-size: 15px;font-family: Courier;font-weight: normal;font-style:italic; background-color: #000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 20px 20px 20px; border: 2px dotted lightgrey; transition: background-color .777s; -webkit-transition: background-color .777s; -moz-transition: background-color .777s; -o-transition: background-color .777s; -ms-transition: background-color .777s; } .rafi:hover { background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px gainsboro; border-radius: 10px; } .rafi:active { background-color: CornflowerBlue ; color: #000; }
  • Now save your template


  • You can change the font size as highlighted red


    • IMPLEMENT IN POST

  • when you write a HTML or JavaScript or CSS code just follow this as mentioned below


    • <div class="rafi">YOUR PARSED HTML CODE</div>
    مرسلة بواسطة في

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

    إرسال تعليق

    الاشتراك في: تعليقات الرسالة (Atom)