Imagen de fondo en ...
 
Avisos
Vaciar todo

Imagen de fondo en header y footer

8 Respuestas
3 Usuarios
0 Reactions
7,797 Visitas
Respuestas: 24
Eminent Member
Topic starter
 

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


 
Respondido : 23/01/2015 5:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/01/2015 6:20 pm
Respuestas: 24
Eminent Member
Topic starter
 

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

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


 
Respondido : 23/01/2015 7:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/01/2015 8:20 pm
Respuestas: 24
Eminent Member
Topic starter
 

public_html/gdo/images/PLECA-04.jpg


 
Respondido : 23/01/2015 8:47 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/01/2015 10:57 pm
Respuestas: 24
Eminent Member
Topic starter
 

#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.


 
Respondido : 24/01/2015 3:17 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 24/01/2015 3:28 am