1. Linka iekrāsošana:
2. Ja veidojam linku kas arī pēctam attēlosies kā jau apmeklēts tad kods jāveido šādi (Neapmeklēts links zils, jau apmeklēts sarkans):
Code
a:link {
color: blue;
}
a:visited {
color: red;
}
3. Linka krāsas norādīšana ar skaitļiem priekšā liekot simbolu - #. Tad jāizskatās aptuveni šādi:
P.S. nevienmēr krāsas kodam jābūt 6 simboliem, bet vairākums gadījumu tā ir, bet piemēram :
#000000 un #000 ir melna krāsa , bet abos gadījumos tā nemainīsies.
Code
a:link {
color: #6699CC;
}
Tas pats arī ar jau apmeklēta linka kodu:
Code
a:visited {
color: #660099;
}
4. Ja vēlamies lai Linkiem būtu arī backgrounda krāsa, tad kodam jāpievieno šis:
P.S. Kad tiks uzbraukts ar peli background krāsa pazūd.
Code
a:active {
background-color: #FFFF00;
}
Bet ja vēlamiesto ka ja tiek uzbraukts ar peli un background paliktu tad papildus jāievada šis:
Code
a:hover {
background-color: #FFFF00;
}
5. Linka hover stila veidošana.
P.S. Šo kodu rediģējam tā kā gribal lai izskatītos kad tiek uzbraukts ar peli.
Code
a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}
6. linka pasvītrojuma novākšana:
Šo kodu ievietojam tajā vietā kur tiek stilizēts linka stils (gan vēl neapm. links, gan jau apm. link un tā tālāk)
Code
text-decoration:none;
7. Kopumā Linka stila kodam vaidzētu izskatīties šādi
Code
a:link {
color: blue;
text-decoration:none;
}
a:visited {
color: purple;
text-decoration:none;
}
a:active {
background-color: yellow;
text-decoration:none;
}
a:hover {
color:red;
text-decoration:none;
}
Nemts no šejienes
