Sok ember szeretné a hozzászólások mezőt a blogbejegyzés alján formázni, de van, akinek nem sikerül. Na, most ezzel remélhetőleg mindenkinek menni fog. :))

Szeretnél ilyet?

Akkor tarts velem... :)

Szóval azt kell tudni, hogy ehhez két kódra lesz szükséged. Az egyik, amit most list1nek hívunk az első kommenteket és a Mit szólsz hozzá? részt formázza. A másik a list2, ami a második kommenteket formázza. Tudjátok, hogy egyes kommentek ne olvadjanak össze a szemnek és szebb legyen. Ha zavar, hogy más színűek, akkor mindegyiknél ugyanazokat a beállításokat kell tennünk. Na, de térjünk a lényegre.

Mielőtt beillesztenél mindenféle kódot nézd át a saját cssed, ugyanis ha Aranymelis kódod van (tehát onnan van a kódalap) akkor ilyen résznek kell benne lennie. Ha nincs, akkor illeszd be ezt a kódot egy jobb vagy bal oldali modul forráskódjába!

<style type="text/css">
td.list1 {
     font-family: arial;
     font-size: 8pt;
     color: #666666;
     background: url(kép url cím);
    -moz-border-radius-topright: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomleft: 40px;
    -moz-border-radius-bottomright: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;}

td.list2 {
     font-family: arial;
     font-size: 8pt;
     color: #666666;   
     background: url(kép url cím);
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;}
</style>

Szóval akkor mégegyszer. A list1 a Mit szól hozzá? felületet formázza a blogbejegyzésed alján, valamint az első kommentet. A list2 pedig a második kommentet. Így váltogatják egymást a kommentek között.

Most még az én beállításaim vannak rajta, ezeket majd természetesen cseréld le a dizidhez mérten. Egy kis magyarázat:

font-family: betűtípus
font-size: betűméret
color: betűszín
background: háttér
az alján pedig a sok radiussal le lehet kerekíteni a széleit. Nekem a list1nél le is vannak kerekítve. :) Röviden ennyi.

SAJÁT ÍRÁS