Sitenize yada blogunuza kullanımı göstermek amacıyla kaynak kodu eklerken epey zorluk çekersiniz. CSS ile hazırladığım basit ve ufak bir kodlama sayesinde istediÄŸiniz biçimde ve renklerde sitenizde kodları gösterebilirsiniz. VerdiÄŸim yapıyı css dosyanıza eklediÄŸiniz taktirde <code>…</code> arasında kullanmanız yeterlidir. Size yazının devamında bir kaç renkte kodlama yapısı sunacağım. Yapıları gördüğünüz çerceveyide demo olarak kabul edebilirsiniz ve verdiÄŸim kodları kendinize göre düzenleyip kendi biçiminizi oluÅŸturabilirsiniz.

Sitemde gördüğünüz renkte;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#f8f8f8;
color:#111;
border:1px solid #ccc;
border-left:6px solid #ccc;padding:4px;}


Sitemde gördüğünüz biçimin mavisi;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#EAF3FA;
color:#222;
border:1px solid #83B4D5;
border-left:6px solid #83B4D5;padding:4px;}


Sitemde gördüğünüz biçimin kırmızısı;

code
{font:1em 'Courier New',Courier,Fixed;
display:block;
overflow:auto;
text-align:left;
background:#FFE3DD;
color:#111;
border:1px solid #FF3300;
border-left:6px solid #FF3300;padding:4px;}