Ez az alap k�d, de van a GPortalnak egy olyan CSS k�dja, amiben van m�g p�r sz�munkra �rdekes sor.

Alap:

.column_side,
.column_main {

Ami m�g l�nyeges, hogy magass�gnak akkora m�retet adj meg, amekkora a fejl�cedben a k�p, ha egyedit k�sz�tesz mondjuk Photoshopban, vagy Photo Filtr�ben. �s persze modul sz�less�gnek is.

Sz�ls� modulhoz van egy ilyen sz�ps�ges kis k�dunk is:

.column_side {
    width: 160px;
}

Ez a sz�ls� modul sz�less�ge.

.column_main {

width: 400px;}

Ez pedig a k�z�ps��.

Az alap k�db�l kiindulva a padding azt hat�rozza meg, hogy balr�l mekkora k�z legyen a modulok k�z�tt, �s ugye az oldal sz�l�t�l.

A font-size egy�rtelm�, bet�m�retet ad.

A font-weight adja meg, hogy f�lk�v�r vagy norm�l sz�veg legyen.

Amit m�g megadhatunk:

font-family - bet�t�pus

font-style - st�lus, normal, vagy italic, ami d�ltet jelent

font-variant - normal vagy small-caps, azaz csupa nagybet�, a nagybet�s szavak els� bet�je nagyobb

J�het a sz�n, ami a color, ide a k�dgener�torral �gyk�dhettek valamit.

Azt�n lehet m�g �rny�kot is adni neki.

text-shadow: 2px 2px 5px #000000;

Az els� sz�m a horizont�lis, a m�sodik a vertik�lis, a harmadik sz�m pedig az elmos�s, majd sz�n. ne legyen nagyon k�l�nb�z�, mint az alap sz�n, mert vak�that.

Azt�n m�g egy kis extra a text-transform, amivel nagybet�ss�, kisbet�ss�, kapit�liss� is var�zsolhatjuk, b�r annyira nem jellemz�.

text-transform: uppercase vagy lovercase vagy capitalize;

Ami m�g fontos, az a sz�veg helyzete, vagyis a text-align, ami center, left vagy right lehet.

A bet�k k�z� rakhatunk egy kis sz�netet is, ezzel sz�th�zva �ket, ha gondoljuk.

letter-spacing: 2px;

Ha m�nusszal �rjuk, akkor pedig �ssz�bb h�zza �ket.

Ennyit a sz�vegr�l.

J�het a h�tt�r, amit m�r kor�bban taglaltunk a body r�szn�l, ugyan �gy kell megadni itt is, ism�tl�st felesleges, ha el�g nagy k�pet v�lasztott�l, vagy nem k�pet akarsz, hanem sima sz�nt. Amennyiben szerkesztett fejl�ced lesz, �gy a magass�ghoz a k�ped magass�g�t add meg! L�sd lejjebb!

background-image: url(kep url); vagy

backgroung-color: #ededed;

Magass�got is meg lehet adni, valamint paddig-ot, hogy milyen t�vols�gra legyen a sz�veg a sz�l�t�l.

Magass�g: height: 19px;

padding: 2px 2px 4px 3px;

Ez egyszer�bb, mint mindet k�l�n megadni, am�gy ha bizonyos oldalakat akarunk, akkor padding-left, right, bottom, top.

Keretet is adhatunk neki, �n nem szoktam rajta vari�lni, egyszer� kerettel dolgozom.

border-bottom: 2px solid #000000;

border-top: 2px solid #000000;

border-left: ;

border-right: ;

Most nem �rtam v�gig, de olyan m�retet, �s sz�nt adsz neki, ami az oldalad diz�jnj�hoz megy.

Le is lehet �ket kerek�teni, itt is rengeteg vari�ci� van, a legegyszer�bb ez:

border-radius: 2em 2em 3em 3em

Ki kell tapasztalni melyik sz�m melyik sarkot kerek�ti, lehet 0-�t is be�rni, �gy az nem lesz kerek.

Azt hiszem ennyi lenne.

Itt a k�d egyben, ezt tudj�tok vari�lni. Ha mindegyik modulnak m�s fejl�cet szeretn�tek, akkor tegy�tek el� amit a cikk elej�n is le�rtam.