الجمعة، 19 سبتمبر 2014

طريقة عرض اكواد الـ css وأكواد الـ html في صندوق احترافي

بسم الله الرحمن الرحيم والصلاة والسلام على رسول الله 

جاءني استفسار عن طريقة عرض اكواد الـ css وأكواد الـ html  في صندوق احترافي داخل المواضيع , مثل الموجود في هذه المدونة . الطريقة سهلة جدا وبسيطة ولا تأخذ اكثر من دقيقتين .
الشرح:

  • ابحث عن : ]]></b:skin> وضع الكود التالي فوقه(الكود كماهو موضح في صندوق
  • لتغيير خلفية الصندوق استبدل رابط الصورة برابط خاص بك .
  •  احفظ القالب
    لإدراج الكود في موضوع , توجه لكتابة رسالة جديدة ثم اجعل الوضع على تحرير html واستخدم هذا الكود :
      <div id="code">
      هنا تضع الكود المراد إظهاره في الموضوع
      </div>


    #code{position:relative; z-index:50; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWQs_s8Z-AbLHuH1V0wbfymDdqI8LkKn5jXY77_E8fuKJbF0BoclQquRRxHUh3shXoccos6JiB6bFHh1u2HmseojSnzDBsA6ASXtvrY3ygaaRO2cYUuQKSEM9zyRUAxyrxkq_TNl1LLU/) top left repeat; border:1px solid #999; color:#000; display:block; font-family:"Courier New",Courier,monospace; font-size:13px; line-height:18px; margin:10px 160px 10px; padding:18px 10px 17px; height:auto; width:400px; float:center}







    التعليقات
    1 التعليقات

    هناك تعليق واحد: