Szaggatott keretes link
A linked körül szaggatott keret fog megjelenni. Demót láthatod, ha ráviszed
az egeret egy menüre. A kódot kedved szerint átírhatod! Egy kis
magyarázat:
A:link { color: #FFFFFF; text-decoration: none; }
itt a color a link színe, tehát, amit először megpillantasz, jelen esetben
fehér, de a színkódot átírhatod. Dekoráció nincs, azt hagyd is így.
A:visited { color : #FFFFFF; text-decoration: none; }
ha rákattintunk egy linkre ilyen színű fog maradni (amit a colornál adsz meg,
nekünk ez is fehér, tehát nem történik változás kattintás után), Dekoráció itt
sincs.
A:hover {color: #FFFFFF;text-decoration: none; border:1px dashed #d9d72b;
}
ezen a soron van a hangsúly. Ez az, amikor ráviszed az egeret a linkre, itt
is megadhatod a link színét (color), dekoráció nincs, de 1 pixeles szaggatott
keret van. (border:1px dashed #d9d72b <= ez a színkód adja meg a szaggatott
keret színét, nekünk most sárga, de átírhatod).
S most jöjjön a kód egészében, amit egyszerű modulba kell raknod
(forráskód/<>), s a modulnak jobb/bal oldalt kell lennie.
Kód:
|