Entrar

Como puedo poner una barra de navegación como la de esta web

flavio · · Solicitar retirada
Buen@s (dias,tarde,noche) la verdad quisiera poner en mi web una barra de navegación como la de esta página www.astromia.com de varios colores pero no ser como hacer de ante mano gracias
skaparate · · Solicitar retirada
Hola:

Es simple, solo dale un color distinto a cada enlace de la navegación. Suponiendo este código CSS:

estilos.css (nombre del archivo)
.red-bg {
  background-color: red;
}

.blue-bg {
  background-color: blue;
}

.orange-bg {
  background-color: orange;
}

#navegacion {
  overflow: hidden;
}

#navegacion li {
  float: left;
  list-style: none;
}

En una página HTML pondrías lo siguiente:

<!DOCTYPE html>
<html>
  <head>
    <link href="estilos.css" type="text/css" rel="stylesheet" media="all" />
  </head>
  <body>
    <div id="navegacion">
      <ul>
        <li class="blue-bg"><a href="pagina1.html">Azul</a></li>
        <li class="orange-bg"><a href="pagina2.html">Naranjo</a></li>
        <li class="red-bg"><a href="pagina3.html">Rojo</a></li>
      </ul>
    </div><!-- #navegacion -->
  </body>
</html>

Eso te daría lo que quieres. Hay otras formas de hacerlo, pero esa es la mas simple si es que la navegación es pequeña (de unos 6 enlaces, por ejemplo).