Barra de navegació CSS: horitzontal i vertical.
Codi 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>
codi 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>
Visualització:
#link_bar a és l'estil per a tots els estats de l'enllaç.
#link_bar a:link és l'estil d'enllaç normal.
#link_bar a: visitat és l'estil de l'enllaç visitat.
#link_bar a:hover és l'estil de l'enllaç del ratolí.
#link_bar a: actiu és l'estil d'enllaç quan es pressiona amb el ratolí.
Codi 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>
codi 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>
Visualització:
#link_bar a és l'estil per a tots els estats de l'enllaç.
#link_bar a:link és l'estil d'enllaç normal.
#link_bar a: visitat és l'estil de l'enllaç visitat.
#link_bar a:hover és l'estil de l'enllaç del ratolí.
#link_bar a: actiu és l'estil d'enllaç quan es pressiona amb el ratolí.
La nostra eina de barra de navegació CSS permet als usuaris la barra de navegació CSS. A continuació s'expliquen algunes de les característiques destacades d'aquesta utilitat.
La interfície fàcil d'utilitzar de la nostra eina de barra de navegació CSS us ofereix la facilitat de realitzar aquesta conversió a l'instant. Ja no necessiteu adquirir habilitats de programació per a la barra de navegació CSS a causa de la senzillesa d'aquesta eina.
No cal que passis per cap procés de registre per utilitzar la barra de navegació CSS. Amb aquesta utilitat, podeu utilitzar l'eina de la barra de navegació CSS tantes vegades com vulgueu de forma gratuïta.
Es pot accedir a aquesta barra de navegació CSS des de qualsevol racó del món. No us haureu de preocupar per la compatibilitat d'aquesta eina en línia, ja que podeu utilitzar la barra de navegació CSS des de qualsevol dispositiu. Tot el que necessiteu és una connexió a Internet per accedir i utilitzar aquesta eina de barra de navegació CSS.
La barra de navegació CSS us permet completar la mateixa tasca immediatament. No se us demanarà que seguiu procediments manuals, ja que els seus algorismes automatitzats faran la feina per vosaltres.
L'eina de la barra de navegació CSS funciona perfectament en tots els sistemes operatius. Tant si teniu un dispositiu Mac, iOS, Android, Windows o Linux, podeu utilitzar fàcilment aquesta utilitat en línia sense haver de tenir cap molèstia.
No cal que passis per cap procés de registre per utilitzar aquesta eina de barra de navegació CSS. Podeu utilitzar aquesta utilitat de forma gratuïta i fer una barra de navegació CSS il·limitada sense cap limitació.
Advertising