�dv mindenkinek! Ebben a r�vidke le�r�sban bemutatom, hogy lehet sz�pen elrendezni az oldalad men�pontjait, mire �rdemes figyelni �s mit �rdemes hanyagolni. 

1. Sz�vegek elrendez�se.

Nagyon fontos, hogy n�znek ki a sz�vegek a moduljaidban. Az �sszk�pbe is nagyon sokat sz�m�t, �s nem mellesleg fontos, hogy a l�togat� szem�nek ne �rtson a sz�veg�nk, hanem sz�pnek, rendezettnek �s �ttekinthet�nek l�sssa. 

Teh�t, egy ilyen sz�veg helyett:

Ink�bb mutassunk egy ilyen sz�veget:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Hogy mi a k�l�nbs�g?

Az els� sz�veg t�l kicsi bet�kkel van �rva, t�l halv�ny, emellett a sorok csak v�get �rnek a semmiben, ami egy�ltal�n nem sz�p �sszhat�s ter�n, se semmilyen t�ren. Az olvas� szem�t b�ntja, val�sz�n�leg f�l mondat ut�n f�lbe is hagyja az olvas�st, ak�rmilyen j� sz�vegr�l van sz�, mert kifolyik a szeme. A m�sodik sz�veg sorkiz�rt, ami rendezett k�pet mutat, n�h�ny l�nyeges fogalom/mondat/inform�ci� ki van bel�le emelve, �s a bet�m�ret is olvashat�v� teszi az eg�szet. Fontos, hogy a bet� sz�n�re/m�ret�re, mindig nagyon figyelj�nk! Feh�r alapon is �rdemesebb fekete bet�k helyett ink�bb sz�rk�t haszn�lni, �s fekete alapon soha ne �rjunk teljesen feh�r bet�vel, hacsak nem az a c�lunk, hogy szem�szetre k�ldj�k a l�togat�inkat. 

2. Modulok elrendez�se

Ha egy modulban t�bb m�sik men�pont van, akkor j�, ha tudjuk, hogyan lehet �ket sz�pen elrendezni.

L�ssunk egy p�ld�t:

Na, h�t ak�rhogy is n�zz�k, ez nem sz�p. Egy nagy �sszefoly� ak�rmi, nem l�tszik rendesen a tagol�sa, nem l�tszik rendesen, hogy melyik men� akt�v �s melyik nem, semmi nem h�vja fel a figyelm�nket r�, egyszer�en csak semleges az eg�sz. Sz�val alak�tsunk rajta p�r dolgot �s m�ris �gy n�z ki:

M�g CSS tud�s n�lk�l is lehet sz�p men�t var�zsolni, egy-k�t kiemel�ssel. A f� men�knek adjunk nagyobb, esetleg elt�r� sz�n� c�met, al� pedig a men�ket ne csak �gy besz�rjuk, rakjunk el�j�k valamit, ami felsorol�st mutat. Ez lehet ak�r sz�moz�s, ak�r szimb�lumok, b�rmi, ami j�l n�z ki �s ad egy kis tagol�st a men�knek. Mindj�rt jobb, nem igaz? Ha tudsz CSS m�dos�t�sokat v�gezni, akkor m�g sz�nesebb� �s szebb� lehet tenni �ket, de err�l majd k�s�bb. Most ugorjunk el�re m�g egy szintet, m�g mindig a men�k elrendez�s�n bel�l.

Itt most a le�r�sos men�ket kell n�zni. Mindent �gy csin�ltunk, ahogy az el�bb mutattam, valahogy m�gsem az igazi, ugye? Valami csak nem stimmel. Ezeket a men�ket rengetegf�lek�pp lehet haszn�lni, amikor valami extra inform�ci�t szeretn�l k�z�lni az adott men�dr�l. Ki k�sz�tette, milyen neh�z, mir�l sz�l, stb. Ezekben az esetekben a szerkeszt� legjobb bar�tja a t�bl�zat. Hogy hogyan? Mi sem egyszer�bb :)

Ezzel a kis ikonnal sz�rjunk be egy t�bl�zatot. 

Itt a be�ll�t�sokn�l v�laszuk ki, hogy h�ny sorra �s oszlopra van sz�ks�g�nk ahhoz, hogy k�nyelmesen elf�rjen minden, amit szeretn�nk megosztani. Nekem most ehhez 3 sorra �s 2 oszlopra van sz�ks�gem, sz�val azt sim�n �gy hagytam. A sz�less�get �gy v�laszd ki, hogy az oldaladat ne h�zza sz�t, a szeg�lym�ret pedig mindig legyen 0! Ha nem akarod, hogy ronda t�bl�zat sz�lek szedj�k sz�t a modulodat, akkor erre nagyon figyelj. A cella t�rk�zt �n �ltal�ban 1-esen szoktam hagyni, de ez is att�l f�gg, kinek hogy tetszik �ppen. Ha k�sz vagyunk, ments�k el, �s rakosgassuk be a sz�vegeket a megfelel� t�bl�zat r�szbe, �s m�ris �gy fog kin�zni a modulunk:

M�ris jobb, nem igaz? Min�l t�bbet �rsz a jobb oldali cell�ba, ann�l k�zelebb rakja a feliratot a bal oldalihoz, sz�val ne agg�dj, ha els�re t�l messze van. :) 

J� szerkeszt�st k�v�nok mindenkinek!