بسم الله الرحمن الرحيم والصلاة والسلام على رسول الله
 هذه طريقة لعرض اكواد الـ css وأكواد الـ html  في صندوق احترافي داخل المواضيع , مثل الموجود في هذه المدونة .الطريقة سهلة جدا وبسيطة ولا تأخذ اكثر من دقيقتين .
الشرح:
1 ابحث عن : ]]></b:skin> وضع الكود التالي فوقه
#code{position:relative; 
z-index:50;
background:#fff url(http://lh4.ggpht.com/_XrWO8mEpDy0/THW2brwE74I/AAAAAAAAA0g/3zyTbFTLCTc/pre_bg.gif) 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 التعليقات:

إرسال تعليق