botón activo en menú principal

[G-or-G]

Hola, he hecho un menú en el que los botones son imágenes puestas como background, pero quiero que al ir a un apartado u otro el botón que corresponda a esa sección aparezca otra imagen en el botón para saber que estás ahí. ¿cómo puedo hacerlo? cada sección son unas 9-12 páginas diferentes

[raulfw]

Eso es puro CSS no Drupal.


Si por ejemplo has creado esto...

.boton a{

}


Para que aparezca esa imagen diferente cuando pones el raton encima, debes escribir esto...

.boton a:hover {

}


Como ves, es recomendable que anadas la imagen como background sobre la etiqueta A. De esa forma la imagen se transforma en un link.

Debes ponerle DISPLAY:BLOCK, y por lo tanto obligatoriamente definir sus dimensiones mediante width y height. Ya que la etiqueta A, es un elemento de linea, no de bloque.

En el hover, debe haber todo exactamente como en el original PERO CAMBIANDO SU IMAGEN.

Al ponerte encima, deberia hacer el rollover...

[G-or-G]

no me refería al mouse over, sino a cuando ya has entrado a una sección en concreto que aparezca el botón de otro color, osea en unos nodos específicos, es lo que no se; el cómo poner en el css que las páginas tal, tal y tal muestren otra imagen en el botón del menú.

[MarioAraque]

Yo a eso lo tuve que hacer en uno de mis desarrollos.
En una web de fichajes tenia en el menu los distintos paises, y cuando entraba a una noticia (un nodo) de un pais en concreto, tenia que marcar ese item de menu ya que si no el menu me salia sin items activos.

Lo que hice yo, que quizas se puede mejorar, es esto:

• Dentro del node.tpl.php (o el fichero correspondiente) me creaba un input de tipo hidden y ponia dentro al item de menu que corresponde ese nodo. A esto lo podes calcular facil ya que dentro del node.tpl.php tenes la variable con el nodo actual, y con la api de Drupal conseguis bastante facil la categoria a la que pertenece el articulo.
• Cuando lo tenes, con jquery en un fichero .js obtenes el valor de ese input hidden y marcas el item de menu correspondiente, dandole la clase "active" (o la que venga en el theme).

Fijate que cada item de menu se marca cuando entras a esa url en concreto, pero para nodos que tienen una relacion que Drupal no conoce, tenes que hacerlo vos programando. En mi caso Drupal no sabe que existen nodos que estan relacionados simplemente por una taxonomia....que esta enlazada en un menu.

Saludos.

[raulfw]

Creo haber visto modulos de menu, que hacen eso.

Otra opcion que se me ocurre, es utilizar CSS INJECTOR con el cual puedes aplicar hojas de estilo CSS en paginas y directorios especificos.
De esta manera puedes poner el HOVER solo donde te interese. El problema es que necesitarias tantas paginas como opciones de menu. Seria una chapucilla para los que no sabemos programar. xD

[NUCKLEAR]

Iniciado por G-or-G

no me refería al mouse over, sino a cuando ya has entrado a una sección en concreto que aparezca el botón de otro color, osea en unos nodos específicos, es lo que no se; el cómo poner en el css que las páginas tal, tal y tal muestren otra imagen en el botón del menú.

Eso es puro css, por default te manda un class active, alli haces lo que quieras con el link. Los podes personalizar usando reglas básicas de CSS usando por ejemplo el nid que tambien te imprime por default si estas usando alguna plantilla estandar-