Avisos
Vaciar todo

Imagen de fondo en header y footer  

 
José Francisco
 José Francisco
Usuario eminente

Hola que tal, alguien sabe como puedo poner una imagen de fondo en el header y footer de la siguiente página.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 23/01/2015 5:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Puedes poner un fondo por CSS, por ejemplo para la parte superior, ubica un archivo CSS, por ejemplo :

/gdo/templates/system/css/general.css

Al final agrega :

#yt_header{
	background-image:url()
}

lógicamente debes completar la url entre paréntesis, revisa :
http://www.w3schools.com/cssref/pr_background-image.asp

Saludos.

ResponderCitar
Respondido : 23/01/2015 6:20 pm

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

José Francisco
 José Francisco
Usuario eminente

#yt_header{ background-image:url(../images/PLECA-04.jpg)
}

La agregue en los archivos responsive.css y template-blue.css y no surge efecto.

ResponderCitar
Respondido : 23/01/2015 7:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Envía la ruta exacta en donde esta tu imagen PLECA-04.jpg

La ruta que coloques en el CSS es relativa, ya que depende del archivo CSS en el que lo coloques, cambiará la ruta, envia la ruta absoluta del archivo de imagen que colocandola en el navegador se pueda ver la imagen

Saludos.

ResponderCitar
Respondido : 23/01/2015 8:20 pm

Cursos Gratuitos WordPress

José Francisco
 José Francisco
Usuario eminente

public_html/gdo/images/PLECA-04.jpg

ResponderCitar
Respondido : 23/01/2015 8:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes usar el archivo personalizado para tu template en donde puedes poner tu código, ubica el archivo
/gdo/templates/sj_news/css/your_css.css

Luego agrega el siguiente código

#yt_header{ 
background:url(/gdo/images/PLECA-04.jpg) center center no-repeat
}

Lógicamente verás que la imagen es muy grande para el espacio que has definido por lo que tendrías que evaluar una imagen más adecuada.

Usualmente como fondos se usa un color un degradado o alguna imagen de patron

Saludos.

ResponderCitar
Respondido : 23/01/2015 10:57 pm

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

José Francisco
 José Francisco
Usuario eminente

#yt_header{ background:url(/gdo/images/PLECA-04.jpg) center center no-repeat }

Lo aquegue en la ruta, pero a la hora de refrescar noo aparece la imagen, no se realiza el cambio. Lo mismo pasa con el footer.

ResponderCitar
Respondido : 24/01/2015 3:17 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

He revisado la documentación de la plantilla pero no me menciona nada sobre ficheros css personalizados: http://www.smartaddons.com/joomla/templates/template-user-guides/476-sj-news-template-userguide ,es posible que la instrucción de Jhon no te funcione, contactate con el soporte de la plantilla para que te indique donde debes crearlo y que nombre debe de tener.

ResponderCitar
Respondido : 24/01/2015 3:28 am