Az előző leckékben teljesen megváltoztattuk gportalos oldalunk kinézetét. Stílus segítségével eltüntettük a modulhátteret, modulkeretet, átszíneztük a görgetősávot (srollbar). Ha ügyesen választottad meg a színeket, akkor oldalad egységes, harmonikus. Ám hiábavaló a sok fáradság, ha a látogató - belépve a vendégkönyvedbe - meglepődik az eredeti sablon színein, mert egyáltalán nem illik az oldalad színvilágához. Ezen a problémán segítünk ebben a leckében. Vegyük tehát igénybe újra a jól bevált CSS segítségét. (Ha nem tudod mi az, olasd el a 10. leckét ;))

Vendégkönyv átszínezésének CSS kódja:

Ideteszem elvihető formában is.
TIPP: másold ki a kódot (Ctrl+C), majd másold be a Kódpróba dobozba (Ctrl+V).
Ezután változtatgasd a különböző paraméterek színkódjait, mindig nézd meg az eredményt.
Ne ijedj meg, ha a Kódpróba "Megnézem" gombját megnyomva üres lapot látsz. Mivel ez a CSS kifejezetten a gportalos vendégkönyvre van hatással, csak úgy tudod megnézni az eredményt, ha felteszed oldaladra a kódot, elmented és megnyitod a vendégkönyvet.
 

Hogyan tegyem be az oldalamra a már elkészült kódot?

Ha nem gportalos vagy, akkor a style utasítást a HEAD részbe tedd.

GPORTALOSOKNAK: A modulkezelőben hozz létre egy egyszerű modult. A pozíciója jobb vagy bal oldali legyen, mert így lesz érvényes a hatása az egész oldaladon. Nyisd meg szerkesztésre és válts át a "Forráskód" ikonnal HTML nézetbe. Másold be a kódot. Nem érdemes visszaváltani editor nézetbe, mert nem fogsz látni semmit. Vedd ki a két pipát alul, hogy ne látsszon a modulfejléc és a modulkeret. Végül mentsd le és gyönyörködj a művedben.

Elvihető kód:
 

Kódpróba doboz