Poner background a ...
 
Avisos
Vaciar todo

Poner background a posicion solo para un menu

8 Respuestas
4 Usuarios
0 Reactions
860 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

como puedo cambiar este background para que solo afecte al menu CONTACTAR.

Se que tengo que cambiar el css y se como hacerlo pero no se como enlazar solo para que afecte a ese MENU.

(ADJUNTO IMAGEN)

GRACIAS

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/10/2015 12:40 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Para poder tener un background diferente para una página en concreta podrías crear un instancia nueva de la plantilla, asignar esta instancia al elemento de menú "Contactar" y aplicar el fondo solo a esa instancia.

Quizá sea más sencillo que trates de hacer esto utilizando algún módulo de Joomla. El siguiente módulo te permitiría asignar backgrounds distintos para páginas individuales:

http://extensions.joomla.org/extensions/extension/style-a-design/page-background/hd-background-selector


 
Respondido : 21/10/2015 2:03 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

que quieres decir con una istancia nueva?

El modulo HD background no sirve para esto.


 
Respondido : 21/10/2015 3:31 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

A partir de Joomla 1.6 se puede crear estilos de planitlla, que es a lo que se refiere Pablo cuando te dice crear una instancia, esto sería válido si desde la configuración de tu plantilla puedes cambiar el fondo.
Si tu plantilla no tiene una opción para cambiar fondo entocnes no te servirá

Una opcion definitiva que puedes evaluar es hacerlo por CSS, cada item de menú te crea una clase única, en el caso del menú de contacto es : itemid-164 , por lo tanto se puede basar en esta clase para hacer cambios CSS

Por ejemplo :

Ubica este archivo :
/templates/bt_medical/css/custom.css

Al final agrega :

.itemid-164 #t3-wrapper{
	background:url( http://lorempixel.com/g/400/200/); 
}

Deberás cambiar la url de la imagen

Saludos.


 
Respondido : 21/10/2015 5:14 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

pero como puedo ponerlo exactamente en la posicion exacta?

He intentado esto pero no funciona:

.itemid-164 .t3-sl-1{ background:url( http://lorempixel.com/g/400/200/)!important; }

en custom.css

GRACIAS


 
Respondido : 22/10/2015 9:46 am
Rafael
Respuestas: 1975
Noble Member Moderator
 

Buenos días Javier,

He revisado tu caso ¿no sería más fácil modificar la que ya está puesta?

.t3-sl-1 { background-image: url("http://lorempixel.com/g/400/200/") !important; }

Le puedes colocar también -> background: black !important; (si no quieres usar imagen)

He realizado una prueba y veo que solo se cambia en esa parte.

Revisa si colocando el código que te indico puedes modificar correctamente sin que afecte a otros sitios el background.

Saludos


 
Respondido : 22/10/2015 10:13 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

eso ya lo habia probado, se cambia cualquier background en esa posicion de cualquier menu. PERO GRACIAS! 😀

Necisito el codigo que haga referencia exclusivamente a ese menu y a esa posicion sabes?

GRACIAS


 
Respondido : 22/10/2015 10:36 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Te había entendido que querías cambiar el fondo de la página, no solo de la capa t3-sl-1. En tal caso, un código como el que indicas debería funcionar:

.itemid-164 .t3-sl-1{ background:url(lorempixel.com/g/400/200/)!important; }

Actualmente no veo que este código esté en el archivo custom.css. No se si lo has quitado porque no te funcionaba o realmente nunca estuvo ahí. Tendrías que volver a ponerlo para ver si te funciona. De no ser así, déjalo para que lo podamos analizar.


 
Respondido : 22/10/2015 2:57 pm