Drukuj stronę - wieksze literki w code

Tak.. to co jest na default to lekka siermięga i puryzm zarazem.. Nie podobało mi sie i wiem że ludzie na to narzekali, więc poprawiłem.. hehe

A gdzie? Oczywiście to plik style.css, niestety żeby wszystkim dogodzić, to producenci styli, dają wszędzie procentowe rozmiary czcionek, ale to po to, żeby jakos wyglądało pod każdą przeglądarką.. Należy to oczywiście i odrazu zmienić hehe

Ale zajmijmy się quote i code

Musisz odnaleźć te wpisy u siebie, (bo to z Twoich styli):

GeSHi -› Code: [select]

/* A quote, perhaps from another post. */
.quote
{
    color: #000000;
    background-color: #A8BEE6;
    margin: 1px;
    padding: 1px;
    font-size: x-small;
    font-style: italic;
    line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
    color: #000000;
    background-color: #dddddd;
    font-family: "courier new", "times new roman", monospace;
    font-size: x-small;
    line-height: 1.3em;
    /* Put a nice border around it. */
    border: 1px solid #000000;
    margin: 1px auto 1px auto;
    padding: 1px;
    width: 99%;
    /* Don't wrap its contents, and show scrollbars. */
    white-space: nowrap;
    overflow: auto;
    /* Stop after about 24 lines, and just show a scrollbar. */
    max-height: 24em;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.006s | speed:109.75 KB/s

hmm co tu możnaby "popsuć" ??

np. dlaczega nie dac zawijania, przecież to wygodniejsze, a nie ma wpływu na sam kod, jedynie to efekt wizualny..

mamy: white-space: nowrap; to dajmy: white-space: pre-line; albo normal, albo wrap, albo pre..

Teraz ten rozmiar fonta, masz tak: font-size: x-small;
A ja proponuję takie rozwiązanie, no może żeby nie były za duże woły to rozmiar 8pt; jest wystarczający, jak by było mało to ustaw 12px; plus dołożyłbym grubość tej czcionki, dla większej jej wyrazistości, no dałbym ciutkę większy prześwit między wierszami textu:

np:

font-size:8pt;
font-weight:500;
line-height:1.4em;

Dałbym również w Twoim quote zawijanie okna, a nie żeby leciało po całości, w tym wypadku lepiej tak jak w code, tylko zwiększę dziurkę z 24em na 30em.

Tu masz ten kawałek kodu i spokojnie podmień u siebie:

GeSHi -› Code: [select]

/* A quote, perhaps from another post. */
.quote
{
    color: #000000;
    background-color: #A8BEE6;
    margin: 1px;
    padding: 1px;
    font-size: 8pt;
    font-weight: 500;
    font-style: italic;
    line-height: 1.4em;
    /* Stop after about 24 lines, and just show a scrollbar. */
    max-height: 30em;
}

/* A code block - maybe even PHP ;). */
.code
{
    color: #000000;
    background-color: #dddddd;
    font-family: "courier new", "times new roman", monospace;
    font-size: 8pt;
    line-height: 1.4em;
    font-weight: 500;
    /* Put a nice border around it. */
    border: 1px solid #000000;
    margin: 1px auto 1px auto;
    padding: 1px;
    width: 99%;
    /* Don't wrap its contents, and show scrollbars. */
    white-space: pre-line;
    overflow: auto;
    /* Stop after about 24 lines, and just show a scrollbar. */
    max-height: 30em;
}
// Created by GeSHi 1.0.8.10 | code: -› [code=CSS] | load:0.006s | speed:127.10 KB/s

A tu bez kolorowanki, może skondensowane, będzie przystępniejsze:

Code: [select]

/* A quote, perhaps from another post. */
.quote
{
   color: #000000;
   background-color: #A8BEE6;
   margin: 1px;
   padding: 1px;
   font-size: 8pt;
   font-weight: 500;
   font-style: italic;
   line-height: 1.4em;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 30em;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #000000;
   background-color: #dddddd;
   font-family: "courier new", "times new roman", monospace;
   font-size: 8pt;
   line-height: 1.4em;
   font-weight: 500;
   /* Put a nice border around it. */
   border: 1px solid #000000;
   margin: 1px auto 1px auto;
   padding: 1px;
   width: 99%;
   /* Don't wrap its contents, and show scrollbars. */
   white-space: pre-line;
   overflow: auto;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 30em;
}

mam nadzieję, że od teraz Twoje code i quote, będą piękniejsze hehe ;)

Pozdrawiam :)
roco

SMF HELP!

SMF Help! - For Users SMF/TP => Style - Problemy, Integracje, Modyfikacje styli => Wątek zaczęty przez: cieplutki 29.10.2008 10:33:47