• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Gráficos Fondo del foro

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Como puedo poner un fondo en mi foro pero de manera que se expanda la imagen que ponga, no que se repita, si no que se expanda. Esto es posible?
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Algo así como
PHP:
<div style="background-image:url(fondo.jpg); background-repeat: no-repeat;"> Este texto va sobre una imagen de fondo, no se repite.</div>
o añadir en el css:
PHP:
background-image:url(fondo.jpg);
background-repeat: no-repeat;

Salud2
 

ManuTdi

XenForoUser
Mensajes
1.189
Puntuación de reacciones
405
Puntos
583
País
España
Versión de XenForo
2.1.x
Se expande o no? O si mas no decirme como poner un fondo completo, que llegue de punta a punta.
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
De un tutorial:
'background-attachment'
Valores: scroll | fixed | inherit
Inicial: scroll
Aplicable a: todos los elementos
Heredado: no
Percentajes: N/A
Media: visual
Valor calculado: tal como se especifica

Si se especifica una imagen como fondo, esta propiedad indica como se fija ('fixed') o se desplaza con el bloque de contención ('scroll').

Tenga en cuenta que sólo hay una ventana de visión. Si un elemento tiene un mecanismo de desplazamiento (ver 'overflow'), un fondo 'fijo' no se mueve con el elemento y un "desplazamiento" de fondo no se mueve con el mecanismo de desplazamiento.

Incluso si la imagen es fija, todavía es visible sólo cuando se encuentra en el área de contenido, de relleno o de borde del elemento. Por lo tanto, a menos que la imagen sea en baldosas ('background-repeat: repeat '), puede hacerse invisible.

Este ejemplo crea un crea una banda vertical infinita que permanece "pegada" a la vista cuando el elemento se desplaza.
PHP:
body {
  background: red url("pendant.png");
  background-repeat: repeat-y;
  background-attachment: fixed;
}

Agentes que no soportan fondos 'fijados' (por ejemplo, debido a las limitaciones de la plataforma de hardware) suelen ignorar declaraciones con la palabra clave 'fixed'. Por ejemplo:
PHP:
body {
  background: white url(paper.png) scroll; /* para todos los agentes (UAs) */
  background: white url(ledger.png) fixed; /* para agentes (UAs) con fondo fijado */
}

De otro tutorial:
Podemos fijar la imagen envolviéndola en un div. Este div será el doble de grande que la ventana del navegador. Luego la imagen se coloca, aún conserva la relación de aspecto y cubre la ventana visible del explorador y el centro muerto de este.
PHP:
<div id="bg">
        <img src="images/bg.jpg" alt="">
</div>
con este css
PHP:
#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
La primera opción hace que la imagen se desplace con un desplazamiento pareciendo que está fija. La segunda opción coloca una imagen lo suficientemente grande para redimensionarla según el tamaño de pantalla del navegador y parecer un fondo fijo 'expandido'.

Toda imagen que se expande, se pixeliza o se distorsiona. Si la resolución y tamaño de la imagen es muy grande, cuesta un hue...vo cargar la página.

¡Qué buenos son esos backgrounds que corresponden a gradientes o sólo colores sólidos y qué pocos problemas dan!

Salud2
 

Iluso

Miembro
Mensajes
45
Puntuación de reacciones
8
Puntos
8
me podriais decir la plantilla a añadir esoso codigos por favor
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
No son para añadir a ninguna plantilla. Son ejemplos que se han puesto para expandir una imagen o hacerla como fondo único.

Si quieres tocar el fondo de XenForo, está en la plantilla xenforo.css.

Salud2
 

Iluso

Miembro
Mensajes
45
Puntuación de reacciones
8
Puntos
8
Más facil:

Nos vamos a apariencia--->Propiedades del estilo-->General---->cuerpo y ahi hay una pestaña qeu esta vacia donde pone fondo ahi ponemos la url de la imagen y listo
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Otra opción.

Gracias por indicarlo.

Salud2
 
Arriba