Decorando con franjas de color

Esa franja de colores en la parte superior del blog que se ve en algunos diseños con tendencia Web 2.0 la podemos crear con algún editor de imágenes, pero hay otra forma muy sencilla de conseguirla porque Dynamic Drive ofrece un generador (Ribbon Rules Generator ) que dicho sea de paso tiene ya un buen tiempo funcionando.

Hay dos opciones de generar la imagen, puede ser de forma aleatoria o colores escogidos por nosotros.

(Esto es una imagen, el generador en la página del autor)

Una vez obtenemos la imagen la añadimos en body (plantilla edición de HTML) de la siguiente forma:

body {
background:#000 url(url-imagen) top left repeat-x;padding-top: 10px;
------
------
------
}

(Todo el fondo de body que no es cubierto por la imagen quedará del color que añadimos anterior a la imagen, en este ejemplo #000 que es negro)

Si la parte central de la imagen queda oculta podemos dejar más espacio entre el blog y la imagen para que sea más visible en:

#outer-wrapper {
margin:30px 0 0 40px;
------
------
------
}