El blog de Pedro Moreno

Pues tras parecerme algo soso el estilo CSS del Blog anterior, que sólo tenía dos colores, negro y rojo, ayer tarde me puse y saqué este nuevo, con tonos verdes, azules, rojos y una nueva cabecera a todo el ancho de la página de color beige, a la que tengo pensado ya hacerle un par de cosas.

¿Que qué es eso del CSS?, pues en pocas palabras es como un archivo de código, en los cuales determinas los colores y posición de los textos y objetos de una página, por lo tanto, ese archivo .CSS va asociado a la página en cuestión. Si quieres más información la tienes aquí

La cabecera ocupa todo el ancho de la página, sea lo grande que sea, manteniendo siempre el logo en el centro. Para conseguir esto, no se inserta una tabla de ancho 100% como se hacía antes. Con CSS puedes determinar el “body” (cuerpo) de la página, y decir que color de fondo o imagen quieres ponerle. Si quieres insertar una cabecera a todo lo ancho como ves aquí, el código sería algo como esto:


body {
background:url("http://www.ejemplo.com/cabecera.gif") repeat-x;
}


Así pones como fondo la imagen cabecera.gif diciéndole que la repita a todo el ancho. Para esto, sólo hace falta que la imagen sea un fragmento de la cabecera, ya que luego se irá repitiendo.

Si además quieres alinear el texto, presentándolo a izquierda, derecha o centro, especificar la fuente, su tamaño y color, te quedaría algo así:


body {
background:url("http://www.pedromoreno.net/imagenes/beige.gif") repeat-x;
margin:0;
padding:0px 20px;
font:x-small "Trebuchet MS", Arial, sans-serif;
text-align:center;
color:#333333;
font-size/* */:/**/small;
font-size: /**/small;
}


Espero que te sirva de ayuda como a mí, para conseguir la cabecera a todo el ancho y que el texto quede alineado en el centro.