Avisos
Vaciar todo

Poner background a posicion solo para un menu  

 
Javier
 Javier
Honorable Member

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

Citar
Respondido : 21/10/2015 1:40 pm
Pablo Velasco
 Pablo Velasco
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

ResponderCitar
Respondido : 21/10/2015 3:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Javier
 Javier
Honorable Member

que quieres decir con una istancia nueva?

El modulo HD background no sirve para esto.

ResponderCitar
Respondido : 21/10/2015 4:31 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 21/10/2015 6:14 pm

Javier
 Javier
Honorable Member

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

ResponderCitar
Respondido : 22/10/2015 10:46 am
Rafael
 Rafael
Miembro 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

ResponderCitar
Respondido : 22/10/2015 11:13 am

Cursos Gratuitos WordPress

Javier
 Javier
Honorable Member

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

ResponderCitar
Respondido : 22/10/2015 11:36 am
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 22/10/2015 3:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress