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/html-odkaz/html-kotva-odkaz">Kotviaci článok</a>
<a
href="/sk/html-odkaz/farba-odkazu-html">Farba odkazu</a>
<a
href="/sk/html-odkaz/mailto-odkaz">E-mailový odkaz</a>
<a
href="/sk/html-odkaz/html-obraz-odkaz">Odkaz na obrázok</a>
<a
href="/sk/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/html-odkaz/html-kotva-odkaz">Kotviaci článok</a>
<a
href="/sk/html-odkaz/farba-odkazu-html">Farba odkazu</a>
<a
href="/sk/html-odkaz/mailto-odkaz">E-mailový odkaz</a>
<a
href="/sk/html-odkaz/html-obraz-odkaz">Odkaz na obrázok</a>
<a
href="/sk/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 927 kalkulačiek a prevodových tabuliek, ktoré vám pomôžu rýchlo spočítať všetko pre oblasti ako sú:
- Kalkulačky
- Časové pásma/výpočet času/online kalendára
- Prevody jednotiek
- Vzhľad stránky
- Elektrina a elektronika
- matematika
- Online nástroj
- Textový nástroj
- Nástroj PDF
- Kód
- Ekológia
- Ostatní
- Sťahovanie videí a obrázkov zo sociálnych sietí
- Marketingové nástroje
- Nástroje pre môj PC / počítač
- Farby webu
- Web HTML
- CSS
- Javascript
- Webové nástroje
- Vývoj webových aplikácií
- Web hosting
- Farebné kódy CSS
- Navigačná lišta CSS
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.)