A linkkódokkal nem szokott túl sok macera lenni. Nézzük meg először az "alapját".
a:hover, a:active {
*tulajdonságok*
}
a:link, a:visited {
*tulajdonságok*
}
Ezeket én így szoktam csoportosítani, de te döntöd el, hogy szeretnéd.
JELENTÉSÜK
a:link, a:visited: Ezek a rendes, sima link megnevezései.
a:hover : Ez annak a linknek a megnevezése, amire ráviszed az egeret.
a:active : Ez pedig annak, amire rákattintassz, és mielőtt betöltene az oldal, olyan lesz, amilyenre beállítod. Viszont ha már valamire egyszer (vagy többször, ezt sajna nemtom =S)kattoltál, akkor is ilyen lesz.
Ezek szerintem elég könnyen megjegyezhetőek. =]
TULAJDONSÁGOK
Már az előző tutorialban leírtam egy csomót, viszont most újra megemlítem azokat, amiket én a leggyakrabban szoktam használni (és amiket még pluszba használhatsz te is xP).
text-decoration: none; >> azért, hogy ne legyen aláhúzva a link - persze, ha nem akarod "kidekorálni" =D
font-size, color, family .. ; >> betű mérete, színe, betűtípusa ...
border-bottom, top, left, right: x y z ; >> ha ki akarod dekorálni =)
background-color: *színkód/név* ; >> ha háttérszínt szeretnél
text-transform: uppercase vagy lowercase; >> ez nagyon jól tud kinézni, ha elfelejtetted, most leírom: minden betű kicsi, vagy nagy
cursor: lehetőségek ; >> kurzorok, ha ráviszed az egeret a linkre
Ennyi elég szentem a linkkódokról, sok szerencsét hozzá. ;-]
( c ) ourweb.gp
|