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
en realidad es la posición justo debajo, ocupada por el banner con las personas.
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
la idea es poner un fondo con un color neutro y degradado para luego colocar encima otra imagen más pequeña.
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
Gracias David. Lo voy a intentar.
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
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.
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!
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