Od izuma označevalnega jezika hiperteksta, HTML, sta se pojma postavitve in postavitve spletnih dokumentov močno spremenila. S skoraj popolno podporo priljubljenih brskalnikov za standarde kaskadnih slogov CSS in CSS2 je mogoče vplivati na skoraj vsak vidik vizualne predstavitve dokumenta. Ozadje povezave lahko na primer naredite barvno, napolnjeno z neko sliko in se spreminja glede na dejanja uporabnika.
Potrebno
- - možnost urejanja besedila dokumenta ali besedila slogovnih listov dokumenta;
- - urejevalnik besedil, ki omogoča shranjevanje dokumenta v izvirnem kodiranju.
Navodila
Korak 1
Ozadje povezave naredite enakomerno zapolnjeno z naključno barvo, tako da elementu A dodate vstavljene informacije o slogu. Atributom elementa A dodajte slog, ki ustreza povezavi, katere ozadje želite spremeniti. V vsebino atributa slog postavite lastnost CSS background-color z dano vrednostjo, ki je pravi identifikator za barvo ozadja. Na primer, lahko je videti tako:
besedilo povezave
2. korak
Določite ozadje povezave v zunanjem ali vdelanem slogovnem listu v dokumentu. V ustreznem slogovnem listu dodajte niz pravil, ki jih obravnava izbirnik sprejemljive stopnje natančnosti. V nabor pravil vnesite lastnost barve ozadja na enak način kot v prejšnjem koraku. Izberite specifičnost izbirnika na podlagi kaskadnih pravil CSS2 in želenega obsega. Torej, če morate nastaviti barvo samo ene povezave, je smiselno uporabiti izbirnik ID, če je takih povezav več, je bolje uporabiti izbirnik atributov, ki temelji na vrednosti razreda.
Če želite na primer nastaviti zeleno ozadje za določeno povezavo v dokumentu, lahko slogu dodate nabor pravil:
# ID_GREEN
{
barva ozadja: # 00FF00;
}
Atribut ID elementa A, ki ustreza želeni povezavi, nastavite tudi na ID_GREEN:
besedilo povezave
3. korak
Ozadje povezave zapolnite s sliko. Sledite metodam, opisanim v prvem in drugem koraku, vendar namesto lastnosti CSS za barvo ozadja uporabite background-image. Na primer:
besedilo povezave
Po potrebi dodajte lastnost ponavljanja ozadja v pravila CSS, da določite možnosti za podvajanje slike ozadja vodoravno in navpično.
4. korak
Ozadje povezave spremenite, ko premaknete miškin kazalec nanjo ali ko se fokus premakne. Zunanjemu ali vdelanemu slogovnemu listu dokumenta dodajte nabore pravil, ki določajo ozadje povezave ali skupine povezav v različnih stanjih. Uporabite izbirnike ID in atributov v povezavi z dinamičnimi psevdorazredi: hover,: active in: focus. Če želite na primer, da je ozadje povezave z vrednostjo atributa ID ID_DYNAMIC_BACKGROUND rdeče v neaktivnem stanju in zeleno, ko je pod kazalcem miške, je treba na slog dodati naslednje nabore pravil:
# ID_DYNAMIC_BACKGROUND
{
barva ozadja: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: lebdite
{
barva ozadja: # 00FF00;
}
Enako lahko storite za ustvarjanje ozadja z dinamično spreminjajočo se sliko.
