User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

¿Hay alguna forma de centrar un fondo en el foro, de forma que se vea lo mismo en el centro tanto en una pantalla de una resolución de 1024 como en la de 1400?

Avatar Image
@man / @woman
@man / @woman

CSS al servicio de la comunidad.


Entre el <head> y </head> tienes que abrir un tag style.


Entre <style> y </style> puedes poner todo el CSS que quieras.


Por ejemplo, para lo que quires quedaria:


<style>
body
{
    background-image: url('Imagen que vas a usar de fondo');
    background-position:center;
}
</style>


Si quieres que quede fija creando un efecto como que todo el resto del sitio "flota" sobre el fondo:


<style>
body
{
    background-image: url('Imagen que vas a usar de fondo');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center;
}
</style>

User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

He modificado un poco el segundo, porque no quería que se repitiese, pero tampoco quería que quedase fijo, pero resulta que la imagen comienza muy abajo, deja una cantidad de espacio cercana a la mitad del foro...

<style>
body
{
    background-image: url('Mi imagen');
    background-repeat: no-repeat;
    background-attachment: no-fixed;
    background-position:center;
}
</style>

Avatar Image
@man / @woman
@man / @woman

La propiedad background-attachment no es necesario usarla si no es con fixed. El otro valor posible es scroll, que realmente es el efecto por default.


El espacio que deja la imagen, no das mas información ni donde verla ni nada, pero veamos. ¿Qué dimensiones tiene la imagen? Como podras imaginar, si la imagen es mas pequeña que la resolución donde la usas dejará espacios vacios a su alrededor.

User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

La verdad es que lo habia probado con una imagen pequeña, no me daba tiemo a subir la que quiero:5)

Ahora que he probado con la  grande, queda bien, por cierto las dimensiones de esta son de 1500 por 1500, se ve que no se puede probar si no es con lo definitivo, siento la última consulta, gracias por las molestias;)

Avatar Image
Colega ;)
Colega ;)

TIP: El boton para insertar codigo se ha mejorado, intentar utilizarlo, mejora mucho la visualizacion :)

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares