شنبه 27 مرداد 1386, 8:16 بعدازظهر
حتماً تا به حال ديديد كه تو سايت ها و وبلاگ هاي مختلف،كدها رو توي يه كادر مي ذارن كه مجزا باشه از بقيه نوشته ها.مثلاً داخل همين انجمن.
منظورم اينجوريه
براي انجام دادن اينكار بايد داخل استايل قالب سايت يا وبلاگ يه كلاس يا آي دي براي كدها تعريف كرد.
براي اين كار ميشه از كد زير استفاده كرد(يا كدي كه با سليقه شما سازگاره):
.code {
background-color: #D7EBFF;
margin:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
border: solid 1 #336699;
width: auto;
text-align:left;
direction:ltr;
}
اين كد رو بين <style> و </style> داخل قالب سايت يا وبلاگ بذاريد.
حالا براي مجزا كردن نوشته ها و كدها از همديگه، هر جا كه خواستيد كدي رو بنويسيد از تگ زير استفاده كنيد:
<div class="code">کد شما</div>
توجه:داخل استايل بالا يك كلاس تعريف شده، در صورت استفاده از آي دي به صورت زير ميشه:
#code {
background-color: #D7EBFF;
margin:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
border: solid 1 #336699;
width: auto;
text-align:left;
direction:ltr;
}
[/code[
براي اعمال كردن استايل هم از كد زير استفاده مي كنيم:
[code]<div id="code">کد شما</div>