Plantillas nuevas
Vamos a Editar HTML: Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► |
|
Localizamos un código como el siguiente: <Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat-x scroll top left" value="$(color) none repeat-x scroll top left"/>
|
Lo eliminamos y en su lugar ponermos éste:
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#539bcd url(http://www.blogblog.com/dots_dark/bg_minidots.gif) repeat fixed top center"/> |
La parte resaltada es la URL de la imagen; la cambiamos por la que queremos colocar. Con la característica repeat hacemos que la imagen se repita horizontal y verticalmente, a todo lo ancho y largo del fondo del blog. Con la característica fixed logramos que la imagen quede fija mientras el blog se desplaza.
Plantillas antiguas
Vamos a Editar HTML:
Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► |
|
2.- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search), una línea del mismo: body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
} |
3.- Agregamos lo que está resaltado, y el código deberá quedar así: body {
background: url(Aquí la URL de la imagen) fixed repeat;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
} |
4.- Las características con las que definimos posición y repetición de imágenes de fondo, son: - Con el valor no-repeat la imagen no se repite.
- Con el valor repeat la imagen se repetirá horizontal y verticalmente, ocupando todo el fondo del blog.
- Con el valor repeat-x la imagen se repetirá horizontalmente.
- Con el valor repeat-y la imagen se repetirá verticalmente.
- Con el valor fixed, la imagen será fija, sin él se desplazará con el contenido.
- El valor top define la posición de la imagen: con left la ubica a la izquierda, con right a la derecha y con center al centro.
En nuestro caso hemos utilizado fixed y repeat, para que la imagen ocupe todo el fondo del blog y permanezca fija. Un ejemplo: aquí |
3 comentarios :
deseo variar mi modelo de plantilla
Mirna, desde la página principal va a Diseño ► Personalizar, en el diseñador de plantillas escoge la que prefiera, hace click sobre la misma y después en Aplicar al blog ¡y listo!
Excelente me sirvio gracias por tu ayuda
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.