Avisos
Vaciar todo

Colocar una imagen de fondo web como background en una plantilla  

Página 2 / 3
 
Juan
 Juan
Noble Member

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

Citar
Respondido : 07/06/2011 6:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Juan

Efectivamente, el template de tu sitio web es un poco más complejo en cuanto a colocar un solo fondo.
Veras, en la imagen adjunta he coloreado las áreas en donde se podría poner un fondo , estos son los estilos correspondientes:

#ja-container .main => azul
#ja-container => verde
#ja-wrapper => amarillo

En el archivo /templates/ja_purity_ii/css/template.css

Es decir lo que se aproxima más a tu fondo sería el color verde y tendrías que ponerlo en el estilo #ja-container

Saludos.

ResponderCitar
Respondido : 24/07/2011 1:43 pm

Juan
 Juan
Noble Member

Hola, y disculpa en primer lugar... pero no hay forma chico... te adjunto una imagen de dónde estoy intentando pegar la ruta de la imagen que estoy probando de poner de fondo, pero no hay manera, a decir verdad, no he encontrado exactamente lo que e indicas, aunque creo que estoy cerca, ( llevo 3 horas haciendo pruebas...) me puedes indicar exactamente dónde tengo que pegar la ruta???

Gracias

ResponderCitar
Respondido : 24/07/2011 6:30 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Por partes:

la intencion es hacer algo parecido a la imagen que les adjunto, aunque ésta no tenga nada que ver con joomla: www.talloastur.es

Lo que ves en ese sitio guarda mucha relación con como esta construida dicha plantilla y que esta permite un fondo transparente para dejar ver el fondo, lo que en parte no es demasiado recomendable porque dificulta la lectura de los textos de los módulos y del "mainbody".

La plantilla que tu usas, si no me equivoco es la JA Purity o Purity II ¿correcto? y además la usas en modo wide por lo que la única forma de ponerle un fondo es afectando a las posiciones left, right y el mainbody además de otras existentes y conseguir que el fondo opaco que ahora rige en ellas tenga un nivel de transparencia.

Personalmente creo que no es la plantilla adecuada para hacer lo que pretendes.

Para este caso te recomendaría crearte una plantilla con Artisteer que tenga la funcionalidad de transparencia o semi-transparencia y que tenga un grid 960 (ancho del layout) para que deje ver parte del fondo a los lados de la misma.

Artisteer: http://www.artisteer.com/

Saludos

ResponderCitar
Respondido : 24/07/2011 7:50 pm

Cursos Gratuitos WordPress

Juan
 Juan
Noble Member

Ok, pero de todos modos, he consegui poner imágenes en la cabecera del modo que me comenta Jhon Marreros Guzmán, es decir dando una ruta a la cabecera, a a un menú... y entiendo que seguramten se pueda hacer de este modo, no entro en que si queda bien o mal, solo quiero saber como lo puedo hacer y despues probaré más opciones, estoy conociento todo este e joomla, que para mi es nuevo.

Gracias y un saludo!

ResponderCitar
Respondido : 24/07/2011 8:16 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Indica pues exactamente en que posición (si lo ilustras mucho mejor 🙂 ) quieres poner una imagen y te decimos cual es la ruta del CSS y de la carpeta contenedora.

Saludos

ResponderCitar
Respondido : 24/07/2011 8:21 pm

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

Juan
 Juan
Noble Member

Hola, y disculpa en primer lugar... pero no hay forma chico... te adjunto una imagen de dónde estoy intentando pegar la ruta de la imagen que estoy probando de poner de fondo, pero no hay manera, a decir verdad, no he encontrado exactamente lo que e indicas, aunque creo que estoy cerca, ( llevo 3 horas haciendo pruebas...) me puedes indicar exactamente dónde tengo que pegar la ruta???

Gracias

ResponderCitar
Respondido : 24/07/2011 10:35 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

¿Puedes pegar esa linea concreta de tu CSS aquí, del archivo template.css para que te podamos decir lo que estas cargando erróneamente?

Saludos

ResponderCitar
Respondido : 24/07/2011 11:01 pm

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

Juan
 Juan
Noble Member

Hola,

Retomo de nuevo este hilo ya que en su día no obtuve resultados positivos. Aunque sé que no es lo más recomendabñe y no va a quedar del todo bien. Necesito urgentemente poner un fondo a la siguiente URL: www.lemanscenter.es, es una plantilla zeolite II más o menos la idea esponer una imagen de fondo para que quede como www.lemanscenter.com.

Insisto en que no e suna cuestión mía, sinó que el cliente quiere el fondo que os indico .com

La web está muy adelantada para buscar otro template con una imagen de fondo y con tienda online...

En fin... Ayudarme por favor.

Gracias!

ResponderCitar
Respondido : 29/08/2011 12:14 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan

Veo que en el .com llamas al fondo desde la etiqueta body:

body {
    background: url("/html/4194_LEMANS_CENTER_OVIEDO__COCHES_CLaSICOS_VENTA_Y_OCASIoN_ACCESORIOS_Y_ALQUILER__ASTURIAS/img/mainbg.jpg") repeat-x scroll center top #000000;
}

¿Has probado a hacer los mismo en la JA Zeolite?

Nota: no te recomiendo usar mayúsculas para rutas o nombre de imágenes.

Saludos

ResponderCitar
Respondido : 29/08/2011 8:14 pm

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

Juan
 Juan
Noble Member

He conseguido por fin poner la imagen de fondo, pero como no hay dos sin tres, ahora se me han descunfigurado tooodas las fuentes.

echarle un vistazo, WWW.LEMANSCENTER.ES (mejor así luis?)

os adjunto el css, yo sigo dándole vueltas pero si me podeis encontrar un atajo os lo agradecere en el alma...

Y os adjunto como deberian de estar la fuentes, Aunque en esta captura evidentemente no esta el fondo tan preciado por mi queridísimo cliente.

Perdonar si estoy aportando demasiado material gráfico ( he recibido nuchas recomendaciones, que miedo me da ya hacer las cosas mal) pero creo que es mejor una imagen que mil palabras.

gracias!

ResponderCitar
Respondido : 29/08/2011 10:38 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Veo el siguiente estilo modificado:

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;
}

Y este es el original de la plantilla:

body {
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

Si no has tocado más estilos la tipografía no tiene porque cambiar.

Saludos

ResponderCitar
Respondido : 29/08/2011 10:49 pm

Juan
 Juan
Noble Member
body {background: url(  );}

Si no has tocado más estilos la tipografía no tiene porque cambiar.

Pero no he tocado nada más, simplemente que pegado lo que indico arriba... que barbaridad... que situación... jejejej

ResponderCitar
Respondido : 29/08/2011 10:56 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Juan,

Te suena haber tocado alguna otra hoja de estilos, o la configuración de la plantilla, algo que te de una pista de porque ha cambiado la tipografía.

Saludos

ResponderCitar
Respondido : 30/08/2011 12:13 am

Cursos Gratuitos WordPress

Juan
 Juan
Noble Member

No, simplemente he pegado el código para incluir la imagen de fondo.

He hecho pruebas y quitándolo vuelve todo a estar como estaba... Lo he pegado más a bajo o arriba y sigue todo como estaba antes...

No sé, parece cosa de brujas...

ResponderCitar
Respondido : 30/08/2011 8:32 am
Juan
 Juan
Noble Member

Es más, he copiado de una plantilla zeolite nueva, todo el primer estilo hasta /* Normal link */ y he añadido la imagen y me sigue pasando lo mismo.

Estoy casis seguro que no he tocado nada de las fuentes, por lo que no tengo ni la menor idea de por que se me cambia todo.

Saludo

ResponderCitar
Respondido : 30/08/2011 8:46 am

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

Página 2 / 3