Colocar una imagen ...
 
Avisos
Vaciar todo

Colocar una imagen de fondo web como background en una plantilla

41 Respuestas
5 Usuarios
0 Reactions
30.7 K Visitas
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

hola quisiera saber como pudo poner una imagen como fondo de web. Gracias


 
Respondido : 07/06/2011 5:45 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Juan,

En extensiones --> gestor de plantillas --> zeolite II --> revisa que Choose Default Font Size For Your Frontend. lo tengas en 3, que es lo que lleva por defecto la plantilla.

Cuando realices cambios en plantillas, siempre luego procede a limpiar la cache de Joomla!. Y la cache de tu navegador.

Saludos,


 
Respondido : 30/08/2011 7:58 am
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Hola Juan,

En extensiones --> gestor de plantillas --> zeolite II --> revisa que Choose Default Font Size For Your Frontend. lo tengas en 3, que es lo que lleva por defecto la plantilla.

Cuando realices cambios en plantillas, siempre luego procede a limpiar la cache de Joomla!. Y la cache de tu navegador.

Saludos,

Está en número 3... joer, por que se me habrán cambiado todaslas fuentes???


 
Respondido : 30/08/2011 12:00 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Juan,

Viendo las capturas de pantalla y el código:

body {background: url( http://www.lemanscenter.com/html/4194_LEMANS_CENTER_OVIEDO__COCHES_CLaSICOS_VENTA_Y_OCASIoN_ACCESORIOS_Y_ALQUILER__ASTURIAS/img/mainbg.jpg );}
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

esta mal, ya que el body lo cierras con corchetes dos veces, dejando sin efecto las lineas background, color, font-family, etc, lo correcto es:

body {
	background: url("http://www.lemanscenter.com/html/4194_LEMANS_CENTER_OVIEDO__COCHES_CLaSICOS_VENTA_Y_OCASIoN_ACCESORIOS_Y_ALQUILER__ASTURIAS/img/mainbg.jpg") #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

Saludos,


 
Respondido : 30/08/2011 1:50 pm
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

esta mal, ya que el body lo cierras con corchetes dos veces, dejando sin efecto las lineas background, color, font-family, etc, lo correcto es:

body {
background: url("http://www.lemanscenter.com/html/4194_LEMANS_CENTER_OVIEDO__COCHES_CLaSICOS_VENTA_Y_OCASIoN_ACCESORIOS_Y_ALQUILER__ASTURIAS/img/mainbg.jpg") #FFFFFF;
color: #000000;
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
line-height: 1.5;
}

He probado lo que me comentas Jordi, pero poniendolo como me indicas el fondo desaparece y vuelven las fuentes... te lo adjunto. Vaya Cacao...

saludo


 
Respondido : 30/08/2011 2:55 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Juan,

body#bd {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #666666;
    margin: 0;
    padding: 0;
}

Tienes que borrar la línea en el archivo template.css

background: none repeat scroll 0 0 #F0F0F0;

ya que prevalece sobre la de body, y lo que hace es que la imagen de fondo no se muestre.

Saludos,


 
Respondido : 30/08/2011 3:47 pm
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

ALELUYAAAAAAAAAAAAAAAAAAAAAAA!!!!!!!

POR FIN!!!! JODER CON PUTA LINEA DE LAS NARICES...

Nuchas gracias Jordi!!! ese nombre viene de una tierra que mola mucho!!!


 
Respondido : 30/08/2011 3:57 pm
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Ya colofon seria... sería posible a lo blanco de las secciones, menus y demás darle un poco de transparencia?

Gracias


 
Respondido : 30/08/2011 4:13 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Juan,

Cambiar todo eso es un trabajo importante, te podemos señalar el camino:

Por ejemplo en el archivo template CSS, linea 1716:

html[xmlns] .clearfix {
    display: block;
}

añadir la linea: background: transparent !important;
quedaría:

html[xmlns] .clearfix {
    background: transparent !important;
    display: block;
}

Verás como el cuerpo central se transforma en transparente. Tendrías que ir realizando cambios por todas las CSS del sitio web, modificar imágenes, etc

Si deseas soporte técnico de Webempresa aquí tienes más información sobre el Servicio de Mantenimiento Joomla!:
https://www.webempresa.com/web-empresa-joomla-servicios/soporte-joomla.html

Saludos,


 
Respondido : 31/08/2011 11:04 am
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

gracias Jordi, lo he probado y sí funciona, pero ésto hace que transparente el 100%, como tendria que hacer para que solo transparentara un poco que se viese simplemente la situelta, he estado intentado poner porcentajes, e intentadon encontrar ejemplos, pero no he sido capaz.

Muchas Gracias!

Hola Juan,

Cambiar todo eso es un trabajo importante, te podemos señalar el camino:

Por ejemplo en el archivo template CSS, linea 1716:

html[xmlns] .clearfix {
    display: block;
}

añadir la linea: background: transparent !important;
quedaría:

html[xmlns] .clearfix {
    background: transparent !important;
    display: block;
}

Verás como el cuerpo central se transforma en transparente. Tendrías que ir realizando cambios por todas las CSS del sitio web, modificar imágenes, etc

Si deseas soporte técnico de Webempresa aquí tienes más información sobre el Servicio de Mantenimiento Joomla!:
https://www.webempresa.com/web-empresa-joomla-servicios/soporte-joomla.html

Saludos,


 
Respondido : 31/08/2011 11:57 am
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Juan,

Se puede establecer filtros de opacidad:

opacity: 0.8; (para Firefox)
filter:alpha(opacity=80); (para IE)

Ejemplo:

html[xmlns] .clearfix {
    opacity: 0.8;
    filter:alpha(opacity=80);
    display: block;
}

Saludos,


 
Respondido : 31/08/2011 1:59 pm
Juan
 Juan
Respuestas: 1134
Noble Member
Topic starter
 

Gracias Jordi, Ets un Crack!!!!!

Despues de mogollon de tiempo creo que ya está todo más o menos bien y se puede dar el tema coo solucionado...

Gracias de Nuevo!


 
Respondido : 31/08/2011 4:36 pm
Página 3 / 3