بسم الله الرحمن الرحيم والصلاة والسلام على رسول الله
 هذه طريقة لعرض اكواد الـ css وأكواد الـ html  في صندوق احترافي داخل المواضيع , مثل الموجود في هذه المدونة .الطريقة سهلة جدا وبسيطة ولا تأخذ اكثر من دقيقتين .
الشرح:
1 ابحث عن : ]]></b:skin> وضع الكود التالي فوقه
#code{position:relative; 
z-index:50;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindHrhcIup2e5Mc5tXk8nwdktzFYkOuPV70aFKxUlWfbMJ2ac1fWXEbBbRp0Rgb5KYFfi-2OMsq2EbtmrbgPcjvMsM4HMHG-EDWgg-vE6zb4JvROtOryOPfcKUbn3YnHta_EiZd0etYxM/) 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}

لتغيير خلفية الصندوق استبدل رابط الصورة برابط خاص بك .


 احفظ القالب

لإدراج الكود في موضوع , توجه لكتابة رسالة جديدة ثم اجعل الوضع على تحرير html واستخدم هذا الكود :

<div id="code">
هنا تضع الكود المراد إظهاره في الموضوع
</div>

0 التعليقات:

إرسال تعليق