Avisos
Vaciar todo

eliminar margenes de un modulo  

 
Luis
 Luis
Usuario eminente

Buenas tardes,

se pueden eliminar los margenes de una posición para, por ejemplo, colocar una imagen en la cabecera que vaya de lado a lado de la pantalla, independientemente del tamaño del template.

Mi plantilla es JA KRANOS

URL del sitio: HTTP://www.talentoconsulting.es

Citar
Respondido : 20/02/2012 3:23 pm
David Noguera
 David Noguera
Miembro Admin

Hola Luis,

entiendo que lo que quieres es colocar una imagen en el área que te señalo en la captura con un círculo rojo, no??

Saludos

ResponderCitar
Respondido : 20/02/2012 3:34 pm

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

Luis
 Luis
Usuario eminente

en realidad es la posición justo debajo, ocupada por el banner con las personas.

ResponderCitar
Respondido : 20/02/2012 3:44 pm
David Noguera
 David Noguera
Miembro Admin

Hola Luis,

veo que esa posición ya está ocupada por una imagen que ocupa todo el ancho de la web:

La imagen es de 935px que es el ancho de la plantilla... te refieres a que ocupe el ancho de la pantalla completa?? Si te refieres a eso, no te recomiendo que hagas eso, ya que cada usuario dispone de una resolución de pantalla diferente y quedará de una forma u otra dependiendod el tamaño del monitor y la resolución empleada por cada usuario...

Saludos

ResponderCitar
Respondido : 20/02/2012 3:49 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis
 Luis
Usuario eminente

la idea es poner un fondo con un color neutro y degradado para luego colocar encima otra imagen más pequeña.

ResponderCitar
Respondido : 20/02/2012 3:53 pm
David Noguera
 David Noguera
Miembro Admin

Hola Luis,

OK, entonces has de añadir un código CSS a tu página.. primero debes de conseguir la imagen degradada, podría ser algo similar a esto:

Debe ser una tira vertical, lo más estrecha posible...

Lo que te he puesto es simplemente un ejemplo, debes de crear tu el degradado con Photoshop o algún software de edición de imagen..

Después debes de añadir un código como el siguiente:

body{
 background-image: url(tuurl/gradient.gif);
 background-repeat: repeat-x; 
}

Donde tuurl/gradient.gif es la ruta a la imagen gradiente que has subido....

El código has de añadirlo en el fichero:

template.css

Saludos

ResponderCitar
Respondido : 20/02/2012 4:14 pm

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

Luis
 Luis
Usuario eminente

Gracias David. Lo voy a intentar.

ResponderCitar
Respondido : 21/02/2012 8:45 am
Luis
 Luis
Usuario eminente

Buenas tardes,
he puesto el código en template.css de la plantilla

body { background-image: url(../images/fondo_gris.png);
background-repeat: repeat-x;

y he subido la imagen al sitio indicado en la ruta pero no me sale la imagen de fondo.

ResponderCitar
Respondido : 21/02/2012 5:51 pm

Cursos Gratuitos WordPress

David Noguera
 David Noguera
Miembro Admin

Hola Luis,

el código que te pasé sustitúyelo por este a ver si así te funciona:

body#bd, #ja-header .main {
 background-image: url(tuweb/gradient.gif) !important;
 background-repeat: repeat-x !important; 
}

La ruta de la imagen, en lugar de ponerla relativa, colócala absoluta.

Saludos

ResponderCitar
Respondido : 21/02/2012 6:09 pm
Luis
 Luis
Usuario eminente

Hola David

He introducido el codigo que me has dado pero pasan dos cosas:
1. La posición que modifica el fondo no es la de contentslider sino la de top
2. El fondo no llega de lado a lado de la pantalla sino que se limita al ancho de la plantilla.

ResponderCitar
Respondido : 29/02/2012 5:13 pm

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

David Noguera
 David Noguera
Miembro Admin

Hola Luis, se me está resistiendo este CSS, prueba así a ver:

body.bd #ja-wrapper {
 background-image: url(tuweb/gradient.gif) !important;
 background-repeat: repeat-x !important; 
}

Con este código lo que haces es colocar un degradado de fondo en toda la web, no solamente en un módulo, si quieres colocar un degradado únicamente a un módulo encía una captura donde se indique con una flecha donde quieres poner el degradado...

Saludos!

ResponderCitar
Respondido : 29/02/2012 6:02 pm
Luis
 Luis
Usuario eminente

Hola,
envío una captura con la zona en la que quiero poner una imagen de fondo, marcada en rojo.

Un saludo

ResponderCitar
Respondido : 27/03/2012 10:00 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Luis,

¿ Puedes habilitar para tu plantilla, en Gestor de Plantillas, la opción de ver posiciones d ela misma? asi con /?tp=1 podemos evaluar las posiciones y decirte.

No obstante lo que quieres no sera posible de la forma que comentas porque el div contenedor de la plantilla es inferior al ancho total de la pantalla.

Saludos

ResponderCitar
Respondido : 27/03/2012 10:38 pm