Basit Kod Çerçevesi Değişikliği 1xx 2.0 rc2

[gevv]

Kendimce kod çerçevesini düzenledim eski sürümlerde ve yeni 2.0 r2 sürümünde çalışıyor sadece css dosyasını düzenlemek yeterli kod alanı birazda güzel görünüyor


Temanızın style.css dosyasında aşağıdaki kodları bulun (rc2 için index.css)

Code Select Expand


code
{
display: block;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
background: #eee;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
line-height: 1.3em;
padding: 3px 1em;
overflow: auto;
white-space: pre;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}




Aşağıdaki kodlar ile değiştirin

Code Select Expand


code
{
display: block;
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #0000ff;

background: url(../images/theme/code-ark.gif);
border-top: solid 1px #000;
border-bottom: solid 1px #000;
line-height: 1.3em;
padding: 3px 1em;
overflow: auto;
white-space: pre;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}




aşağıdaki kodları bulun

Code Select Expand


.quoteheader, .codeheader


, .codeheader kısmını silin

css dosyasında ek olarak aşağideki kodları ekleyin

Code Select Expand


.codeheader
{
background: #afafaf url(../images/theme/coco.gif) no-repeat right;
color: #000;
font-weight: bold;
padding: 3px;
line-height: 1.3em;
/* Put a nice border around it. */
margin: 1px auto 1px auto;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;

}



coco.gif ve code-ark.gif resimlerini temanızın resim klasörüne atın rc2 için ../images/theme/xxxx.gif olarak belirlendi isterseniz değiştirirsiniz

Ekte bulunan resimdeki gibi bir görünüm olacak

[Exelance]

Çok güzel olmuş. Teşekkürler.

[Alpay]

Benimde hoşuma gitti , ellerine sağlık.