24 de mayo de 2016

Tutorial: Colocar un fondo al blog con CSS

Los background son una pieza fundamental del blog por eso siempre buscamos los mejores, pero para algunos no le gustar estar descargando imágenes y subiéndolas... ya sea porque no pueden descargarlas o en mi caso que realizo plantillas para blogs por lo que estar subiéndolas directamente me crearía otro álbum innecesario en piccasa o google plus el cual no puedo borrar.
Así que buscando soluciones encontré la manera de colocar un fondo directamente desde el código de la plantilla o el CCS...
Es muy fácil...
  1. Dirígete a: Plantilla  →  Personalizar  →  Avanzado  →  Añadir CSS
Una vez ahí pega el siguiente código:
body {
background-image: url(URL DE LA IMAGEN);
}
Agrega la URL de la imagen y listo.. Ya tienes un nuevo fondo.

Ahora...
  • Si no quieres que la imagen se repita, agrega antes de }
background-repeat: no-repeat, no-repeat;
  • Si no quieres que el fondo se mueva, agrega antes de }
background-attachment: fixed; 
Si juntas todos los códigos que te acabo de dar, te debe de quedar así:
body {
background-image: url(URL DE LA IMAGEN);
background-repeat: no-repeat, no-repeat;
background-attachment: fixed;
}

Extra:

  • si prefieres un color en vez de una imagen, agrega antes de }
background-color: #000;
Ejemplo:
body {
background-color: #ccc;
}
Todos los nuevos códigos que incluyas deben de ir ANTES de }

Freebies

Aquí les traigo una bonitos fonditos que pueden utilizar... los encontré en la red y en COLOURlovers así que espero los disfruten y les guste...

No hay comentarios:

Publicar un comentario en la entrada