Ayberk Atasay

ASP, CSS, Internet konuları üzerine paylaşımlar

Kodları Renklendirme

Bugün MaxiASP forumdan arkadaşım Emrah Karaalan sayesinde kolay yoldan kodlarla boğuşmadan nasıl blog vb. uygulamalarda eklediğiniz kodları renklendirmeyi öğrendim.

Bunu için yapmanız gerekenler;
Öncelikle http://code.google.com/p/google-code-prettify/downloads/list adrese girip istediğiniz iki tip koddan birini indirmek ben 15kb olanı seçtim. Sonra sitenizin ana dizinine (veya uygun gördüğünüz yerlere) indirdiğiniz sıkıştırılmış dosya içindeki dosyaları yüklemek.

Sonrada;
1. Sitenizin <head>...</head> etiketleri arasına aşağıdaki satırları ekleyin.

<link href="prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="prettify.js"></script>

2. <body> etiketine onload="prettyPrint()" kodunu ekleyin.

3. Kod olarak belirteceğiniz satırları <pre class="prettyprint">...</pre> veya <code class="prettyprint">...</code> aralarına ekleyin.

Ve sonunda daha şık daha anlaşılır bir görünüm ortaya çıkıyor..

ProgramlamaAyberk Atasay31 Ağustos 2008, PazarEkle Bunu

Önceki Kayıt

Sonraki Kayıt

Yorumlar

sinan
2 Eylül 2008, Salı

kullanılabilir bişey.bloglarda daha çok kullanılır ve bir de webmaster forumlarda.

Emrah Karaalan
1 Eylül 2008, Pazartesi

Güzel yazı olmuş eline sağlık yanlız bir nokta var. Özellikle sayfanız ASP ile programlanmışsa ve kodda asp kodlarını yayınlayacaksanız ya <% %> taglarını replace edin yada yerlerine < > kullanın.