Avisos
Vaciar todo

Sustituir imagen de fondo  

 
Serintia
 Serintia
Estimable Member

Como puedo substituir el fondo por una imagen fija que ocupe toda la resolución de la pantalla?

Muchas gracias.

URL del sitio: http://www.serintia.llartronic.es/jana

Citar
Respondido : 28/05/2012 3:44 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Serintia,

el tema de la imagen fija de fondo es complicado hacerlo con CSS, si pones una imagen fija, no quedará igual con diferentes resoluciones, la imagen ha de repetirse, ya que si por ejemplo la imagen es de 1280 pixeles de ancho, no se verá bien en un monitor de un ancho e más de 2.000 píxeles...

Te recomiendo que uses este plugin:

http://extensions.joomla.org/extensions/style-a-design/page-background/18847

Saludos

ResponderCitar
Respondido : 28/05/2012 4:52 pm

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

Serintia
 Serintia
Estimable Member

me he descargado el plugin pero a la hora de instalarlo, automáticamente me va al inicio (poner usuario/contraseña) y no me deja poner la mia.

con html es sencillo

Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 28/05/2012 5:17 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Serintia

Te recomiendo acuerdo a tu template uses un patron de imágen o una imagen simple
http://www.serintia.llartronic.es/jana/

No entendí a que te refieres cuando dices "con html es sencillo" , para poner un fondo tiene que hacerse con CSS

Saludos

ResponderCitar
Respondido : 28/05/2012 6:52 pm

Cursos Gratuitos WordPress

Serintia
 Serintia
Estimable Member

Ok, y como se hace?

😉

ResponderCitar
Respondido : 29/05/2012 8:38 am
David Noguera
 David Noguera
Miembro Moderator

Hola Serintia, tendrás que cambiar esta imagen:

Por otra..

pero como te ha indicado Jhon, es recomendable que intentes elegir una imagen que se puda repetir horizontalmente, es decir, con patrón.. en tu plantilla quedará mejor...

Saludos

ResponderCitar
Respondido : 29/05/2012 9:39 am

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

Serintia
 Serintia
Estimable Member

ok, lo haré eso. Pero tiene que haber alguna manera de poner imagen de fondo fija. Como comentaba anteriormente, con código html se puede hacer.

ResponderCitar
Respondido : 29/05/2012 10:22 am
David Noguera
 David Noguera
Miembro Moderator

Sí, tendrías que cambiar este código:

body {
background: #E8E7DF url('../images/style1/bg.jpg') repeat 0 0;
}

Por algo así:

body {
background: url('../images/style1/bg.jpg') no-repeat 0 0;
}

En el fichero http://www.serintia.llartronic.es/jana/templates/gk_black_and_white/css/style1.css , línea 12 más o menos..

Saludos!

ResponderCitar
Respondido : 29/05/2012 10:56 am

Serintia
 Serintia
Estimable Member

ok, ha ido bien pero no puedo adaptarla a toda la resolucion de la pantalla. Se podría conseguir?

Saludos!!

ResponderCitar
Respondido : 29/05/2012 12:10 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Serintia,

¿ Donde estás realizando los cambios, http://www.serintia.llartronic.es/jana/ ? No visualizo ninguna imagen de fondo.

Saludos

ResponderCitar
Respondido : 29/05/2012 12:40 pm

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

Serintia
 Serintia
Estimable Member

La quité porque no quedaba adaptada a la resolución de la pantalla. Ahora acabo de volverla a poner, a ver que me aconsejas.

Gracias.

ResponderCitar
Respondido : 29/05/2012 2:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla Serintia

Lo que puedes hacer es repetir tu imagen de manera horizontal, luego poner un fondo de color verde más o menos del tono de la imagen, de esta manera no será necesario repetir de manera vertical, es importante tener un degrade en la imagen en la parte inferior, esto lo puedes conseguir con algún programa gráfico

Algo similar a lo que se muestra en la imagen adjunta.

ResponderCitar
Respondido : 29/05/2012 2:41 pm

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

Serintia
 Serintia
Estimable Member

ok, y como hago repetición únicamente horizontal?

😉

ResponderCitar
Respondido : 29/05/2012 3:18 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Serintia

Revisa el siguiente enlace:

http://www.w3schools.com/css/css_background.asp

Saludos.

ResponderCitar
Respondido : 29/05/2012 4:26 pm

Cursos Gratuitos WordPress

Serintia
 Serintia
Estimable Member

ok, muchas gracias.

ResponderCitar
Respondido : 29/05/2012 4:47 pm