Navigačná lišta CSS

Navigačná lišta CSS - horizontálna a vertikálna.

Horizontálna navigačná lišta

Kód 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>

HTML kód:

<div id="h_nav_bar">
    <a href="/sk/vzhlad-stranky/html/html-odkaz/html-kotva-odkaz">Kotviaci článok</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/farba-odkazu-html">Farba odkazu</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/mailto-odkaz">E-mailový odkaz</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/html-obraz-odkaz">Odkaz na obrázok</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/textovy-odkaz-html">Textový odkaz</a>
</div>

vyhliadka:

 

#link_bar a je štýl pre všetky stavy odkazu.

#link_bar a:link je štýl bežného odkazu.

#link_bar a:Navštívené je štýl navštíveného odkazu.

#link_bar a:hover je štýl odkazu s kurzorom myši.

#link_bar a:active je štýl odkazu, keď sa stlačí myš.

Vertikálna navigačná lišta

Kód 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>

HTML kód:

<div id="v_nav_bar">
    <a href="/sk/vzhlad-stranky/html/html-odkaz/html-kotva-odkaz">Kotviaci článok</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/farba-odkazu-html">Farba odkazu</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/mailto-odkaz">E-mailový odkaz</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/html-obraz-odkaz">Odkaz na obrázok</a>
    <a href="/sk/vzhlad-stranky/html/html-odkaz/textovy-odkaz-html">Textový odkaz</a>
</div>

Vyhliadka:

 

#link_bar a je štýl pre všetky stavy odkazu.

#link_bar a:link je štýl bežného odkazu.

#link_bar a:visited je štýl navštíveného odkazu.

#link_bar a:hover je štýl odkazu s kurzorom myši.

#link_bar a:active je štýl odkazu, keď sa stlačí myš.


V súčasnej dobe máme okolo 883 kalkulačiek a prevodových tabuliek, ktoré vám pomôžu rýchlo spočítať všetko pre oblasti ako sú:

a ďalšie nástroje neustále vyvíjame. Naším cieľom je stať sa jednotným kontaktným miestom pre všetkých ľudí, ktorí potrebujú rýchle výpočty alebo ktorí potrebujú nájsť rýchlu odpoveď pre základné otázky na internete.

Okrem toho veríme, že internet by mal byť zdrojom bezplatných informácií. Všetky naše nástroje a služby sú preto úplne zadarmo a nie je nutná žiadna registrácia k tomu, aby ste ich mohli používať. Každú kalkulačku sme kódovali a vyvinuli individuálne a sami si ju dôkladne otestovali. Ak však zaznamenáte nejakú chybu, informujte nás, prosím.

Kým väčšina kalkulačiek na Justfreetools.com je navrhnutá tak, aby bola univerzálne použiteľná pre celosvetové použitie, niektoré kalkulačky a tabuľky sa môžu vzťahovať len pre konkrétne krajiny (napríklad výpočet daní z príjmov sa bude líšiť pre jednotlivé krajiny a pod.)


K personalizáciu obsahu a reklám a analýze našej návštevnosti využívame súbory cookie. Viac informácií