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