Navigacijska vrstica CSS - vodoravno in navpično.
Koda CSS:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
koda HTML:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Pogled:
#link_bar a je slog za vsa stanja povezave.
#link_bar a:link je slog navadne povezave.
#link_bar a: visited je slog obiskane povezave.
#link_bar a:hover je slog povezave, na katero lebdite z miško.
#link_bar a: aktiven je slog povezave, ko jo pritisnete z miško.
Koda CSS:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
koda HTML:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Pogled:
#link_bar a je slog za vsa stanja povezave.
#link_bar a:link je slog navadne povezave.
#link_bar a: visited je slog obiskane povezave.
#link_bar a:hover je slog povezave, na katero lebdite z miško.
#link_bar a: aktiven je slog povezave, ko jo pritisnete z miško.
Naše orodje za navigacijsko vrstico CSS omogoča uporabnikom navigacijsko vrstico CSS.Spodaj so razložene nekatere pomembne funkcije tega pripomočka.
Uporabniku prijazen vmesnik našega orodja za navigacijsko vrstico CSS vam omogoča enostavno takojšnjo izvedbo te pretvorbe.Zaradi preprostosti tega orodja vam ni več treba pridobivati znanja programiranja za navigacijsko vrstico CSS.
Za uporabo navigacijske vrstice CSS vam ni treba opraviti postopka registracije.S tem pripomočkom lahko orodje CSS Navigation Bar Tool kolikokrat brezplačno uporabite.
Do te navigacijske vrstice CSS lahko dostopate s katerega koli konca sveta.Ni vam treba skrbeti za združljivost tega spletnega orodja, saj lahko z njim uporabite navigacijsko vrstico CSS iz katere koli naprave.Vse, kar potrebujete, je internetna povezava za dostop in uporabo tega orodja navigacijske vrstice CSS.
Navigacijska vrstica CSS vam omogoča, da isto nalogo dokončate takoj.Ne boste morali slediti ročnim postopkom, saj bodo njegovi avtomatizirani algoritmi opravili delo namesto vas.
Orodje navigacijske vrstice CSS odlično deluje na vseh operacijskih sistemih.Ne glede na to, ali imate napravo Mac, iOS, Android, Windows ali Linux, lahko preprosto uporabljate ta spletni pripomoček brez težav.
Za uporabo tega orodja navigacijske vrstice CSS vam ni treba opraviti postopka registracije.Ta pripomoček lahko uporabljate brezplačno in izvajate neomejeno navigacijsko vrstico CSS brez kakršnih koli omejitev.
Advertising