إظهار الرسائل ذات التسميات لإدراج الكود في موضوع. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات لإدراج الكود في موضوع. إظهار كافة الرسائل
كيف تقوم بعرض كود 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>
