Barra de navegação CSS - horizontal e vertical.
Código 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>
Código 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>
Visualizar:
#link_bar a é o estilo para todos os estados do link.
#link_bar a:link é o estilo de link normal.
#link_bar a: visited é o estilo do link visitado.
#link_bar a:hover é o estilo do link que o mouse passou.
#link_bar a: active é o estilo do link quando pressionado pelo mouse.
Código 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>
Código 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>
Visualizar:
#link_bar a é o estilo para todos os estados do link.
#link_bar a:link é o estilo de link normal.
#link_bar a: visited é o estilo do link visitado.
#link_bar a:hover é o estilo do link que o mouse passou.
#link_bar a: active é o estilo do link quando pressionado pelo mouse.
Nossa ferramenta de barra de navegação CSS permite aos usuários a barra de navegação CSS.Alguns dos recursos proeminentes deste utilitário são explicados abaixo.
A interface amigável da nossa ferramenta de barra de navegação CSS oferece a facilidade de conduzir essa conversão instantaneamente.Você não precisa mais adquirir habilidades de programação para CSS Navigation Bar devido à simplicidade desta ferramenta.
Você não precisa passar por nenhum processo de registro para usar a Barra de Navegação CSS.Usando este utilitário, você pode usar a ferramenta CSS Navigation Bar quantas vezes quiser gratuitamente.
Esta barra de navegação CSS pode ser acessada de qualquer canto do mundo.Você não precisa se preocupar com a compatibilidade desta ferramenta online, pois você pode usar a barra de navegação CSS com ela de qualquer dispositivo.Tudo o que você precisa é de uma conexão com a Internet para acessar e usar esta ferramenta da barra de navegação CSS.
A barra de navegação CSS permite que você conclua a mesma tarefa imediatamente.Você não será solicitado a seguir procedimentos manuais, pois seus algoritmos automatizados farão o trabalho para você.
A ferramenta da barra de navegação CSS funciona perfeitamente em todos os sistemas operacionais.Quer você tenha um dispositivo Mac, iOS, Android, Windows ou Linux, você pode facilmente usar este utilitário online sem enfrentar qualquer aborrecimento.
Você não precisa passar por nenhum processo de registro para usar esta ferramenta da barra de navegação CSS.Você pode usar este utilitário gratuitamente e fazer barra de navegação CSS ilimitada sem quaisquer limitações.
Advertising