Itt igaz�b�l adottak a k�dok, lehet CSS-be is beletenni, vagy csak abba a modulba, ahol �ppen haszn�lni k�v�nod, �s akkor minden egyes t�bl�zatnak �j k�dot tudsz megadni.

Ha modulon bel�l szerkeszted, akkor a Forr�sk�dot haszn�lhatod hozz�, nem kell k�l�n k�dn�zetre v�ltani ez�rt, �gy azonnal l�tod az eredm�nyt.

Ha k�sz�tesz egy t�bl�zatot a szerkeszt�ben, �s forr�sk�dra v�ltasz, akkor ezt l�thatod:

Ez a t�bl�zat:

Ez pedig a k�dja:

A k�dok mind a k�t sz�vegre hatnak, hiszen txtnormal st�lus�ak. Ahhoz, hogy ez csak a k�z�ps� modulban m�k�dj�n ezt kell megadni:

.column_main .txtnormal a {

}

De ha nem raksz "a" bet�t, akkor a sima sz�veget is tudod vele alak�tani, ez azonban �gy tudom hat mag�ra a  cikk sz�veg�re is, nem csak a link n�lk�li tartalmakra (el�z� cikk, stb).

Sz�val �gy haszn�lj�tok, ahogy a t�bbit, term�szetesen hover is megadhat�:

.column_main .txtnormal a:hover {

}

�s ez �rv�nyes ford�tva is, ha a k�ls� modulok txtnorm�los sz�vegeit akarod �talak�tani, pl a Blogplusz arch�vum r�sz�t, Ugr�s a blogra, Oldal tetej�re sz�vegeket.

Akkor .column_side .txtnormal a {

}

Ki hogyan akarja vari�lni.

Hat m�g az egyszer� modulokban a szerkeszt�s alatt a gombokra (csak te l�tod) �s a k�pt�r modulra is!

Szinte teljesen ugyan az, mint a Mit sz�lsz hozz�, csak m�s funkci�t l�t el, n�lam ugyan olyan a st�lusa, mint annak. De aki akarja, az vari�lhat rajta.

Alap k�d:

A Mit sz�lsz hozz�? egy link, ami a kommentekhez vezet, �s ennek is lehet saj�t st�lust adni. Alap k�d:

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).