Jump to content

Como poner una imagen de fondo a mi pagina web


luna26605

Recommended Posts

Hola pues el hecho es que no he podido cambiar el fondo a mi sitio

web y queria que me explicasen paso a paso , ya que soy nueva en esto ..

gracias

 

En la plantilla por defecto,

 

Fichero:

 

/themes/default/css/global.css

 

Buscar esto:

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff;
}

 

y por ejemplo dejarlo asi:

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: url('ruta_relativa_de_la_imagen');
}

 

Para saber como usar la propiedad background, revisa este enlace: http://www.w3schools.com/css/css_background.asp

  • Like 2
Link to comment
Share on other sites

Muchas gracias , pero al acceder al ftp me aparece un error y no me deja acceder !

Creo que mejor lo dejare asi como esta por que yo no podre hacerlo ..

 

¿Pero has puesto los datos de conexión bien para poder acceder al FTP?

Link to comment
Share on other sites

Siii me pide el nombre de usuario y contraseña , que son los mismos del cpanel y

no me aparece nada , todo en blanco con algo que me dice error :( :(

 

¿Y que error te da abajo? (Dimelo)

 

De todos modos, revisa las cuentas ftp, que tengas creadas desde cpanel.

Link to comment
Share on other sites

Me aparecen un monton de carpetas , cual busco y que hago ahora?? :unsure: :unsure:

 

Carpeta:

 

/themes/

 

dentro de esa carpeta la carpeta llamada:

 

/default/

 

 

Y dentro de esa carpeta, la carpeta llamada:

 

/css/

 

y dentro de esa carpeta, el fichero:

 

global.css

 

Lo que corresponde a la ruta:

 

/themes/default/css/global.css

Link to comment
Share on other sites

Ok ya estoy alli

 

y debo poner lo siguiente :

 

 

body {

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: url('ruta_relativa_de_la_imagen');

 

 

Lo que quiero preguntar ahora es , como hago para que la imagen que

quiero poner quede justo alli , donde edito el enlace ..??

Link to comment
Share on other sites

Ok ya estoy alli

 

y debo poner lo siguiente :

 

 

body {

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: url('ruta_relativa_de_la_imagen');

 

 

Lo que quiero preguntar ahora es , como hago para que la imagen que

quiero poner quede justo alli , donde edito el enlace ..??

 

Sube la imagen, que vayas a colocar a la carpeta /themes/default/img/

 

Y luego en el css, donde te he dicho:

 

ruta_relativa_de_la_imagen

 

colocas

 

../img/nombre_de_la_imagen.jpg

 

logicamente nombre_de_la_imagen.jpg es como se llame tu imagen...

Link to comment
Share on other sites

  • 1 month later...

Perdonar, he seguido el hilo y he realizado todos los pasos, en mi caso la diferencia es que la página esta en local, he dejado la imagen en ..\themes\default\img, posteriormente lo he modificado en global.css pero no consigo que se vea el fondo, os dejo el código por si hay algo que no he hecho bien:

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#ffffff;

background:url('C:\wamp\www\califas\themes\default\img\fondo.jpg');

}

body.content_only {

background: url('C:\wamp\www\califas\themes\default\img\fondo.jpg');

}

 

Gracias.

Link to comment
Share on other sites

Perdonar, he seguido el hilo y he realizado todos los pasos, en mi caso la diferencia es que la página esta en local, he dejado la imagen en ..\themes\default\img, posteriormente lo he modificado en global.css pero no consigo que se vea el fondo, os dejo el código por si hay algo que no he hecho bien:

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#ffffff;

background:url('C:\wamp\www\califas\themes\default\img\fondo.jpg');

}

body.content_only {

background: url('C:\wamp\www\califas\themes\default\img\fondo.jpg');

}

 

Gracias.

 

Solo dentro del

 

body

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff;
}

 

añade (y logicamente borra el background: #fff; que venia en el body)

 

background:url('../img/nombre_de_la_imagen.jpg');

 

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background:url('../img/nombre_de_la_imagen.jpg');
}

 

Donde

 

nombre_de_la_imagen.jpg

 

Lo tienes que tener subido al directorio:

 

/themes/tu-plantilla/img/

 

Intente siempre abrir un tema nuevo en el foro, para su duda, tal como establecen las normas del foro.

 

Mas info en: http://www.w3schools..._background.asp

  • Like 1
Link to comment
Share on other sites

Hola de nuevo, he hecho lo que me has dicho, he modificado el segundo body y lo he dejado como antes,

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:url('C:\wamp\www\califas\themes\default\img\fondo.jpg');

}

body.content_only {

background: #fff;

}

 

como ves te he marcado en azul la ruta donde he subido la imagen de fondo en .jpg. Está en default ya que estoy usando la plantilla por defecto que trae prestashop pero nada sigue viendose el fondo en blanco.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...