Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Fondo de color o imagen en la cabecera del blog

La cabecera del blog puede editarse de varias maneras. En esta entrada aprenderemos a ponerle un fondo de un color específico o una imagen personal.

Sigue los pasos que te muestro a continuación:

Diseño>edición HTML>expandimos artilugios




Busca esta línea de CSS:

#header-wrapper {

Ahora, justo debajo vamos a incluir la línea que indicará el color de fondo:

background: #000000 ;

En este caso, el fondo será de color negro (#000000) pero podemos cambiarlo utilizando los colores de la tabla de colores.

Por otro lado, podemos aplicar una imagen como fondo del blog. En ese caso, utilizaremos la misma línea pero con la propiedad url:

background:transparent url(URL DE LA IMAGEN) repeat;

Solo necesitarás sustituir URL DE LA IMAGEN por la dirección de tu imagen [+].

El valor transparent hace que el fondo se base sólo en la imagen, siendo transparente el espacio que ésta deja sin cubrir (algo que no sucederá si la imagen tiene el tamaño idóneo).

Puedes sustituir transparent por el código de algún color que te guste, de manera el fondo esté basado en una imagen y un color.

En el caso de la palabra repeat, estaremos indicando que la imagen se debe repetir tantas veces como sea necesario para cubrir la cabecera por completo.

Si lo deseas, puedes hacer que la imagen no se repita, cambiando repeat por no-repeat o que se repita horizontalmente (usando el valor repeat-x) así como verticalmente (usando el valor repeat-y).

Esto no es todo lo que se puede hacer para personalizar el header, por lo que ya iremos aprendiendo cosas nuevas poco a poco.

Laube dice...

Jaime, no entiendo muy bien dónde debo escribir ese código del background... Justo después del "header-wrapper"????

Jaime Trujillo Escobedo dice...

Así es Laube, justo debajo de #header-wrapper {.

De todas formas, tengo que retocar un poco esta entrada para ofrecer instrucciones más simples ☺.

Laube dice...

Pues te lo agradecería mi niño... Un besote!

Jaime Trujillo Escobedo dice...

Laube, la entrada ya está modificada. Si sigues teniendo dudas avísame ;).

leoney dice...

hola jaime como hago para cambiar la cabecera de mi blog con una imagen en emovimiento o un gif, lo he eintentado pero no he podido, por otra parte te agradezco ya que tu pagina y tus trucos de configuracion me han servido de mucho.....
Gracias..

Ney Gomez

Jaime Trujillo Escobedo dice...

Hola Ney Gomez. Te dejo con esta entrada en la que explico de forma sencilla un procedimiento para utilizar cualquier tipo de imagen como cabecera del blog ;).

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo