كيف تقوم بعرض كود HTML,CSS داخل صندوق في مواضيعك
Posted by Unknown
0
التعليقات
بسم الله الرحمن الرحيم والصلاة والسلام على رسول الله
هذه طريقة لعرض اكواد الـ 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}
لتغيير خلفية الصندوق استبدل رابط الصورة برابط خاص بك .
2 احفظ القالب
لإدراج الكود في موضوع , توجه لكتابة رسالة جديدة ثم اجعل الوضع على تحرير html واستخدم هذا الكود :
<div id="code">
هنا تضع الكود المراد إظهاره في الموضوع
</div>
0 التعليقات:
إرسال تعليق