Definitivamente es posible crear una barra de navegación como esa usando CSS.
La mejor manera de hacerlo sería usar imágenes .png para las formas de flecha y el estilo CSS para el efecto de desplazamiento, la sombra y la navegación desplegable secundaria. Las etiquetas de texto dentro de la flecha (“Nav 01/02/03” en su imagen) deben estar en HTML, así que asegúrese de pensar en la longitud de las etiquetas cuando cree la forma de la flecha. Hay muchas maneras de hacer esto dinámicamente, pero eso es todo.
La mecánica real depende de cómo estés construyendo el sitio. Si el sitio está construido con WordPress, por ejemplo, debe trabajar dentro del marco existente en lugar de crearlo desde cero.
- ¿Cuál es su opinión sobre los sitios arqueológicos que se han encontrado en Tamil Nadu?
- ¿Python es más popular que PHP en 2014 para grandes sitios web?
- ¿Cuál es la mejor manera de hacer mi sitio web?
- ¿Cuál es la diferencia entre un sitio web y una aplicación web?
- Cómo elegir la palabra clave correcta para mi sitio web
En cuanto a ser “difícil”, eso depende de su experiencia como diseñador web. Las barras de navegación pueden complicarse cuando trabajas con un CMS, por lo que si es la primera vez que haces algo así, no será fácil. Pero si tienes tiempo, ¡adelante! Puede ser frustrante, pero asumir nuevos desafíos es la mejor manera de mejorar sus habilidades como diseñador web .
Hay toneladas de tutoriales y recursos para cosas como esta, así que buscaría en Google cualquier detalle de lo que está haciendo y veré qué sucede. Fue una gran ayuda para mí comenzar.
¡Buena suerte y sigue empujándote a un territorio nuevo e inexplorado!