السلام عليكم ورحمة الله وبركاته

هذا تعديل جميل وبسيط لمربع الكود http://www.marsauae.com/vb/images/editor/code.gif

ليكون بهذا الشكل :

http://marames.ae/m/4.gif

التعديل راح يكون على تمبلت : bbcode_code

أفتح التمبلت المذكور وأستبدل ما به بالتالي :



<div class="bbccode">
<div class="bbccodetitle">$vbphrase[code]:</div>
<pre style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; overflow:auto"><div dir="ltr">$code</div></pre>
</div>

الان نذهب الى خصائص : CSS

ونضع الكود التالي في المربع الثاتي :

.bbccode{
background: #FFF;
border: 1px solid #FFCC66;
border-top: 4px solid #FFCC66;
padding: 5px;
color: #996600;
font-size: 12px;
}

.bbccodetitle{
font-weight: bold;
font-size: 10px;
border: 0px;
border-bottom: 1px dashed #CC6600;
color: #CC6600;
padding-bottom: 3px;
margin-bottom: 5px;
}

.. بإمكانك التعديل على الالوان ليتناسق مع لون منتداك ..

أعتمد التعديل بالتوفيق ..

الله يفتح عليك
وهات باقى الأكواد يا باشا
عشان أعدلها كمان
فاضل php , QUOTE
الله يوفقك

حاضرين يا بطل وشكرا على المرور ..