Navegación
En este ejemplo se muestran los estilos para el menú principal, el migas y el mapa web, que se encuentran en el fichero base.css. Existen también algunas reglas en el fichero base_phone.css para hacer que sean un poco más adaptables (prueba a visualizarlo también en modo teléfono).
Índice
Migas
Para hacer el "migas", usamos un elemento nav de clase breadcrumbs.
La lista con los enlaces se encuentra dentro del elemento nav.
La creación del "migas" se puede automatizar, usando el método breadCrumbs() del objeto
$template que tendremos disponible en todas las vistas. Este método recibe
un array asociativo con pares de textoEnlace => url. Para más información
consultad la documentación sobre templates.
Ejemplo
Código del ejemplo
Si no queremos mostrar el "migas" en pantallas pequeñas, podemos añadirle la clase pc.
Los elementos de clase pc no se muestran en pantallas de teléfono.
Mapa web
El mapa web simplemente es un elemento nav con clase web-map.
En su interior podemos colocar listas, con o sin sublistas, en columnas.
Podemos automatizar la creación del mapa web usando el método map()
del objeto $template, disponible en todas las vistas. Para más información
consultad la documentación del método.