Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Mar19Dic2006

Cómo destacar en el menú de navegación el acceso en que nos encontramos

17:00 H (CET)| Temas: AI/Usabilidad · Desarrollo web · How to · PHP · WordPress

Imaginemos que tenemos un menú de navegación y queremos diferenciar la opción de Home, el About, el Contacto... ya que en esos momentos estamos en uno de ellos.

¿Cómo hacerlo? En Babblative nos enlazan algunos métodos para hacerlo:

Method 1 – Wordpress: Wordpress actually has this feature built-in. WP-List-Pages

Method 2 – PHP: Jem’s Trendy Active CSS Tabs or Matt’s Intelligent Menu’s. I’ve personally had middling success with PHP on a manually maintained site and little success with it on Textpattern.

Method 3 – Textpattern: You can either muck around with multiple templates, which is bloated and unnecessary, or you can use this method. If you choose to use the multiple templates then you’ll need to read how do I use a different page layout for each section?

Method 4 – Manually Maintained Sites: Use Hicksdesigns method to highlighting current page with CSS

Keep Reading: Keeping a ‘current state’ on navigation, Keeping Navigation Current With PHP, EasyNav, Setting the Current Menu State with CSS

Vía / Babblative

Relacionados

Feedback (2) » Formulario

1. choan ~ Martes, 19 Dic 2006 | 18:17H:

Estos métodos pecan en un detalle que para mí (tiquismiquis que es uno) es importante: el enlace sigue siendo un enlace. Y no debería.

Para la gestión de mis sitios en WP monté un pequeño plugin que se encarga de convertir los enlaces que apuntan a la propia página en inocuos span (con clase) a los que podemos dar estilo desde CSS.

Podéis encontrar el plugin, de nombre You Are Here, en el repositorio oficial.

Salud.

2. Luis ~ Martes, 19 Dic 2006 | 20:36H:

Estoy de acuerdo contigo, pero siendo sinceros, yo peco de vago y por no dar a refresh suelo pulsar en el enlace del mismo sitio en el que me encuentro. :P

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)