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