Itt most bemutatom, hogyan lehet egyszer�bben, egy CSS f�jllal megoldani a diz�jnol�st.

Ez az�rt is j�, mert nem kell egy eg�sz k�dsort a modulodban lapozgatni, hanem k�sz�thetsz egy f�jlt is, �s azt a port�lodra felt�ltve tudod haszn�lni. �n a Szerkeszthet� l�bl�cbe tettem, �s a hiedelmekkel ellent�tben n�lam teljesen �ttetsz� a modul. Olvastam m�r valahol, hogy ezt k�l�n be kell �ll�tani egy k�ddal, mert akkor olyan lesz a h�tt�r, mint a t�bbi modul�. N�lam sem itt, sem a baba oldalon nem lett olyan sz�n�, s�t transparent a h�tt�r mindenf�le k�l�n be�ll�t�s n�lk�l.

Ha j�l n�ztem ez az�rt van, mert a kis n�gyzetekb�l hi�nyzik a pipa, vagyis eleve �gy van be�ll�tva, hogy ne legyen h�ttere �s fejl�ce.

K�pekkel illusztr�lom nektek, hogyan is kell csin�lni.

Sajnos szerkeszt� m�dban valami�rt nem m�k�dik a Chrome, vagy egy�b b�ng�sz� helyes�r�s ellen�rz�je, �s mikor g�pel�nk nem l�tjuk a gyors �r�sb�l fakad� esetleges hib�inkat.

Erre van egy tippem, ami nem k�d, de az�rt ide �rom be.

Ha befejezt�k a g�pel�st akkor l�pj�nk �t FORR�SK�D n�zetbe, kattintsunk bele a sz�vegbe, �s l�ss csud�t, m�ris megjelennek a piros hull�mvonalak. Megt�rt�nik a helyes�r�s ellen�rz�s, lehet jav�tani a sz�veget ott helyben, jobb klikk hat�s�ra tippeket is kapunk. Ha ezzel v�gezt�nk, visszat�rhet�nk szerkeszt� m�dba, �s menthetj�k �r�sunkat.

Ezt nagyon kevesen haszn�lj�k, pedig hasznos tud lenni, f�leg ha egy esem�nynapt�rt is adunk hozz�. Abban ugyanis megjelennek a felvitt adatok, �s sz�pen ki is lehet �ket fejteni. �n a bab�s oldalamon az id�pontjaimat k�z�ltem benne, amik lassan majd a baba id�pontjaira fognak �tv�ltani, ugyanis nekem m�r nem hiszem hogy lesz tennival�m a sz�l�s ut�n, a bab�t kell majd ide-oda elhordani.

A k�d hasonl� a t�bbihez, �n igaz�b�l csak a sz�neken vari�ltam.

Ebben a cikkben mindj�rt kett� k�dot is k�zl�k veletek, amiket haszn�lat ut�n magatok is l�thattok a forr�sk�d seg�ts�g�vel, csak akkor m�g html form�ban. Nek�nk ugye CSS kell, ahhoz, hogy mind ugyan �gy n�zzen ki, ha haszn�lod.

P�lda van r�juk a bab�s oldalamon!

hr { /* elv�laszt�vonal */

}

blockquote { /* id�zet */

}

Vannak oldalak, ahol saj�t eg�rmutat� jelenik meg, de sajnos nem mindegy, hogy milyen form�tum� k�pet adunk meg cursornak, �gy nem mindegyik b�ng�sz� jelen�ti meg. �gy sajn�latunkra maradnak most az egyszer�bb cursorok, melyek tuti megjelennek mindegyik b�ng�sz�ben.

Ezeket hozz� adhatod a body r�szhez, vagy a linkekhez. Kinek mi tetszik. Egy ilyen sort kell csak beilleszteni:

cursor: auto;

Ezt elkezdtem ugyan bemutatni, de nem �rtam r�la semmit.

A class oszt�lyt jelent, amivel egy-egy k�dr�szt tudsz egyediv� var�zsolni, de ezeket �ltal�ban oda rakjuk, ahol szeretn�nk hogy hasson, vagyis abba a modulba, ahol haszn�lom �ppen.

De semmi akad�lya nincsen annak, hogy ezek a CSS k�dodba ker�ljenek bele, f�leg t�bl�zat eset�ben, �gy az �sszes t�bla �gy fog kin�zni, �s nem kell a k�dot minden egyes modulban felt�ntetni, ahol a t�bl�zatot haszn�lni szeretn�d.

Ugyan ez vonatkozik t�bb kisebb elemre is, melyekre majd kit�rek m�g, ilyen az id�zet, az elv�laszt�vonal, stb. Igaz�b�l aminek van HTML k�dja, az mind �talak�that� CSS-sel, vagy egyedi class k�ddal (ami am�gy egy mini CSS lesz).

Bizony lehet k�l�n st�lust adni a f�lk�v�r, d�lt �s az al�h�zott szavaknak is. Ezt persze megteheted a sz�vegszerkeszt�ben is, hogy m�sik bet�t�pust, esetleg m�sik sz�nt adsz egy-egy sz�nak, sz�vegr�sznek, de akkor azt egyenk�nt kell v�ghez vinned. Erre van kital�lva ez a k�dsorozat.

f�lk�v�r: STRONG

d�lt: EM

al�h�zott: U

�th�zott: STRIKE

Vagyis:

STRONG {

}

EM {

}

U {

}

STRIKE {

}

Ez a k�d lesz haszn�latban linkelt k�pek eset�n:

N�lam is l�thatj�tok, hogy a bab�s k�pnek saj�t effektje van, vagyis ha r�viszed az egeret, akkor picit halv�nyabb lesz a k�p.

Ezt nem csak linkeffektk�nt lehet egy k�pen megoldani, hanem saj�t kis class k�ddal, amit a sz�veg r�szen is alkalmaztunk m�r kor�bban. Igaz�b�l ezt t�bb helyen is meg lehet tenni, linkekn�l, t�bl�zatokn�l, id�zetn�l, stb.

Az alap k�d ez lesz:

Ide azon "effektek" ker�lnek, melyek igaz�b�l csak form�z�sok, de j�l mutatnak egy-egy k�pn�l.

Ilyen ugye a lekerek�tett k�p, keretes k�p, �sszemegy vagy nagyobb lesz a k�p, �s az �ttetsz� k�p is ilyen. Tal�n arr�l m�g nem �rtam.

Az alap k�p marad a baba megint.