|
BODY {
FONT-SIZE: 13px; (tamaño de texto en titulo y parte izquierda (navegador) ) BACKGROUND: url(http://blogs.ya.com/codigofuente/files/Fondo.jpg)(Imagen de fondo) #000000 fixed repeat-x 50% bottom; MARGIN: 0px 0px 10px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif
NOTA: Tenemos - fixed repeat-x 50% bottom - La palabra Fixed dice que la imagen se quedará quieta, es decir, que no bajará cuando bajemos con la barra scroll. Repeat-x quiere decir hacia donde se repetirá la imagen; x = horizontal >< y = vertical
El 50% dice que será lo que cubra la imagen, así que ese 50 será la mitad de la pantalla. Hacia que lado?? del centro para arriba o del centro para abajo?? pues... bottom = Hacia abajo >< top = Hacia arriba >< Left = Hacia la izquierda >< Right = Hacia la derecha.
}
.container {
BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; BACKGROUND: #000000;(color de fondo del primer cuadro, el negro) LEFT: 50%; MARGIN: 0px 0px 0px -390px; BORDER-LEFT: #000000 1px; WIDTH: 780px; BORDER-BOTTOM: #000000 1px; POSITION: relative
}
.header {
BACKGROUND: url(http://blogs.ya.com/codigofuente/files/titulo.jpg); (Imagen para el titulo del blog) MARGIN: 5px 10px 0px; HEIGHT: 80px El alto de lo que ocupará la imagen
}
.header DIV {
FONT-SIZE: 200%; COLOR: #000000;(Color de las letras del título) BOTTOM: -25%; POSITION: relative; TEXT-ALIGN: center
}
.explain {
FONT-SIZE: 11pxTamaño de la letra, la que esta debajo del titulo); LEFT: 220px; COLOR: #ffffff;(Color de la letra que está debajo del titulo) POSITION: relative; TOP: 22px
}
.colsection {
BACKGROUND: #000000; (Color de fondo de las celdas donde van todos los vinculos) MARGIN: 20px 20px 15px 10px; COLOR: #FFFF00 (Color de texto para definir las secciones de los vinculos)
}
.sectiontitle {
BACKGROUND: url(http://blogs.ya.com/ladykiann/files/flecha.jpg) (direccion de la imagen de flechita que sale en la parte de los vinculos) no-repeat right 50%
}
.sectiontitle H5 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFF00;(color de las letras de las secciones, donde se encuentran los vinculos) BORDER-BOTTOM: #ffffff 1px (Color y tamaño en pixels de la línea que sale debajo de las secciones) solid; FONT-FAMILY: Lucida Console, Verdana, Arial, Sans-serif
}
.content {
BORDER-RIGHT: white(de la tabla central,en la que sale lo que escribes a diario, este color es para la línea de la derecha) 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: white 1px(Este es de la línea de arriba) solid; PADDING-LEFT: 8px; FONT-SIZE: 14px;(estos pixels son lo grande que está el titulo de lo que escribes en el blog a diario) BACKGROUND: #006699; (Color de fondo de esta tabla) PADDING-BOTTOM: 3px; MARGIN: 20px 10px 0px 210px; BORDER-LEFT: white 1px solid(línea izquierda de la tabla) ; COLOR: #000000; (Color de texto de lo que se escribe a diario) PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid(color de la linea de debajo) ; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.content A {
COLOR: #000000(Color de los vinculos)
A:visited {
COLOR: #FFFF33(color de los vinculos visitados)
.posttitle {
FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN-BOTTOM: 5px; COLOR: white(color de los titulos de lo que se escribe a diario)
.postext {
FONT-SIZE: 10px(tamaño del texto que se escribe a diario)
<html xmlns:blog="http://blogs.ya.com/">
<head>
<blog:meta-title/>
<link type="text/css" rel="stylesheet" href="files/miestilo.css"/>
</head>
<body>
Veis la parte verde?? teneis que poner files/elnombredetucss.css. Guardais los cambios y listo!!!
Saludoss!!!!
