Soporte Themes y Mods SMF Tricks

0 Members and 1 Guest are viewing this topic.

*
Guliberg
Sniffer
¿Cómo añadir background?
October 31, 2014, 06:46:09 PM
Utilizo el Reseller, sin retoques en cuanto al background. Quisiera añadir una imagen cover fixed, utilizando el sgte. código:

Code: [Select]
html {
  background: url(images/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Lo puse en index.css, reemplazando por el body, pero no resulta ningún cambio, ¿cómo puedo hacerlo?
Gracias.






*
Diego Andrés
#1
Webmaster
Re: ¿Cómo añadir background?
October 31, 2014, 06:54:51 PM
Tienes 3 opciones, cualquiera podría funcionar
1- Cambia html por body
2- Cambia html por html, body
3- Agrega al final de cada propiedad, antes de las ; un !important

Saludos
*
Guliberg
#2
Sniffer
Re: ¿Cómo añadir background?
October 31, 2014, 07:06:00 PM
Gracias por la pronta respuesta, pero aún sigue sin funcionarme.
La imagen es la siguiente: http://prntscr.com/51srcg

Así está la parte de Body en el Index.css:
Code: [Select]
/* Set a fontsize that will look the same in all browsers. */
body
{

background: #EEE;
margin: 0 auto;
padding: 0;

}
html, body {
  background: url(images/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

El fondo está en blanco ahora tras haber puesto eso, es decir, no se produjo cambios. Si interesa, el foro está ubicado en http://foro.outbreakzrp.com/
*
Diego Andrés
#3
Webmaster
Re: ¿Cómo añadir background?
October 31, 2014, 07:30:27 PM
Prueba simplemente reemplazar esta parte
Code: [Select]
body
{

background: #EEE;
margin: 0 auto;
padding: 0;

}

Por
Code: [Select]
body
{

background: url(../images/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
margin: 0 auto;
padding: 0;

}

Por cierto, en la ruta te faltaron los puntos: ../images/etc.etc/
Los cuales ya se encuentran en el segundo código
*
Guliberg
#4
Sniffer
Re: ¿Cómo añadir background?
October 31, 2014, 08:19:04 PM
Muchas gracias, ahora sí funciona.
Otras consultas, para no hacer otro post:
1-¿Cómo puedo aumentar el espaciado entre categorías? es decir, lo señalado en la imagen: http://prntscr.com/51t9bq

2- ¿Cómo sería para agregarle un hoover al pasar el cursor por los subforos, en el index?, como en el index de SMF Tricks.

3- Tengo un problema con la carga de la página, aveces surge un white screen cuando voy al Index, o cuando intento Conectarme o Registrarme, le pasa a otros visitantes también, no sé si es un problema con el Theme o del mismo Host, ¿qué podría ser? (el Package Manager funciona bien, sólo esto pasa en las situaciones que mencioné)

Gracias.
*
Diego Andrés
#5
Webmaster
Re: ¿Cómo añadir background?
October 31, 2014, 08:54:59 PM
1- En el BoardIndex.template.php del theme busca:
Code: [Select]
echo '
</div>
<br />';
}
echo '
</div>';

Reemplaza con
Code: [Select]
echo '
</div>
<br /><br />';
}
echo '
</div>';

2- Basta con que al final del index.css del theme agregues algo como:
Code: [Select]
.windowbg4:hover {
    background-color: #f7f7f7;
}

3- Yo supongo que sería el hosting, no creo que exista algún elemento que pueda afectar directamente de esa manera tu foro.

Saludos!
*
Guliberg
#6
Sniffer
Re: ¿Cómo añadir background?
October 31, 2014, 09:47:25 PM
Muchas gracias.