Ustvarite dve povezavi, kjer bo ena povezava črne barve, druga pa bele barve.
Najlažje me boste razumeli, če boste ustvarili podobni povezavi, kotsem jih ustvaril jaz.
|
|||||
 |
|||||
|
|||||
Kliknite na gumb Code (Show Code view).
|
|||||
|
|||||
Prikaže se HTML koda.
|
|||||
|
|||||
Vnesite spodnjo CSS kodo v HTML kodo (glej sliko).
<style type="text/css"> <!-- a.povezava_crna:link {font-family: Tahoma; color: #000000; font-size: 13px; text-decoration: none; } a.povezava_crna:visited {font-family: Tahoma; color: #000000; font-size: 13px; text-decoration: none; } a.povezava_crna:hover {font-family: Tahoma; color: #FFFFFF; font-size: 13px; text-decoration: underline; } a.povezava_bela:link {font-family: Tahoma; color: #ffffff; font-size: 13px; text-decoration: none; } a.povezava_bela:visited {font-family: Tahoma; color: #ffffff; font-size: 13px; text-decoration: none; } a.povezava_bela:hover {font-family: Tahoma; color: #FFFFFF; font-size: 13px; text-decoration: underline; } --> </style> |
|||||
|
|
|
|||||
Sedaj se premaknite v vrstico, kjer je določena barva hover povezave.
povezava_crna:link je barva povezave. povezava_crna:visited je barva obiskane povezave. povezava_crna:hover je barva povezave, ko ste z miško nad njo. |
|||||
|
|||||
Pobrišite kodo, ki predstavlja barvo (color) (glej sliko).
|
|||||
|
|||||
Pritisnite tipko SPACE (presledek) in Dreamweaver bo prikazal paleto barv.
Določite poljubno barvo tako, da z miško kliknete nanjo. Jaz sem izbral belo barvo, ker bo povezava na temnejši podlagi. |
|||||
|
|||||
Kliknite na gumb Design (Show Design view).
|
|||||
|
|||||
Ozačite sedaj prvo povezavo.
|
|||||
|
|||||
Potem pa v polju Style preko izbrinka določite povezava_crna.
|
|||||
|
|||||
Označite še drugo povezavo.
|
|||||
|
|||||
V polju Style preko izbrinka pa sedaj določite povezava_bela.
|
|||||
|
|||||
Shranite spletno stran tako, da pritisnite tipki CTRL + S.
Pritisnite tipko F12, da si boste ogledali spletno stran v brskalniku. |
|||||
|
|||||
Ko se boste z miško premaknili nad povezavo, se bo ta obarvala v prej določeno hover barvo.
|
|||||
