Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Las propiedades y valores corresponden al CSS de la plantilla.

Para entender un poco más, es necesario leer la entrada anterior.

CSS, siglas de "Cascade Style Sheet", son un conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML.

Todas las propiedades necesitan un valor.

En CSS, las declaraciones son así: "propiedad : valor" y están separadas por un punto y coma.

propiedad : valor;
propiedad : valor;

No es necesario que estén en otra línea, pueden estar en una misma línea.

propiedad : valor; propiedad : valor;

Las propiedades y valores son lo que le dan un estilo visual a una estructura.

Puede ser aplicado a un elemento, el cual establecerá el estilo visual de dicho elemento.

En este caso va todo encerrado entre los signos { y }.

Ejemplo:

p {
Propiedad:Valor;
Propiedad:Valor;
}

O puede ser aplicado directo en la estructura con el atributo style:

En este caso va después de style= encerrado entre " y " o ' y '.

Ejemplo:

style="Propiedad:Valor;Propiedad:Valor;"

Las propiedades más utilizadas en una estructura son:

Border, margin, padding, width, height, font, background y color.

Sobre border, margin y padding, pueden leer algo en una entrada anterior, acá:

Algo mas sobre border pueden ir viendo acá:

Mas adelante voy a hacer una entrada mas detallada sobre border.

Propiedades con su valor aceptado en CSS:


Márgenes

PropiedadDescripciónValores
marginAncho para varios márgenes individuales.longitud
%

auto
margin-top
margin-right
margin-bottom
margin-left
Tamaño del margen superior, derecho, inferior e izquierdo.longitud
%

auto

Relleno

PropiedadDescripciónValores
paddingTamaños para varios rellenos individuales.longitud
%
padding-top
padding-right
padding-bottom
padding-left
Ancho del relleno superior, derecho, inferior e izquierdo.longitud
%

Dimensiones

PropiedadDescripciónValores
widthAncho.longitud
%

auto
min-widthAncho mínimo.longitud
%
max-widthAncho máximo.longitud
%

none
heightAlto.longitud
%

auto
min-heightAlto mínimo.longitud
%
max-heightAlto máximo.longitud
%

none
line-heightAltura entre las bases del texto.normal
número
longitud
%

Fuentes

PropiedadDescripciónValores
fontAtajo para establecer el resto de propiedades sobre las fuentes a la vez.font-style
font-variant
font-weight
font-size
font-family
line height
caption
icon
menu
message-box
small-caption
status-bar
font-familyFamilias de fuentes.nombre-familia
familia-genérica
font-styleEstilo de la fuente.normal
italic
oblique
font-variantConvierte las minúsculas a mayúsculas pero mantienen un tamaño inferior a las mayúsculas.normal
small-caps
font-weightIntensidad de la fuente.normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
font-sizeTamaño de la fuente.xx-small
x-small
small
medium
large
x-large
xx-large
larger
smaller
longitud
%

Fondo

PropiedadDescripciónValores
backgroundPropiedades individuales relacionadas con el fondo.background-color
background-image
background-repeat
background-attachment
background-position
background-colorColor de fondo.color
transparent
background-imageImagen de fondo.URL
none
background-repeatRepetición de la imagen de fondo.repeat
repeat-x
repeat-y
no -repeat
background-attachmentDesplazamiento de la imagen de fondo.scroll
fixed
background-positionPosición de la imagen de fondo.%
longitud

left
center
right
top
bottom


La propiedad color

Esta propiedad establece el color con el que se muestra el texto contenido en un elemento. El color de la letra no puede ser transparente, ya que se debe indicar explícitamente un color.

color:valor

Un valor de color es una palabra clave o una especificación numérica RGB

Las 16 palabras clave se toman de la paleta Windows VGA: celeste, negro, azul, fucsia, gris, verde, verde claro, marrón, azul marino, olivo, morado, rojo, plata, turquesa, blanco, y amarillo.

Los colores RGB se dan en una de cuatro maneras:

#rrggbb (por ej., #00cc00)
#rgb (por ej., #0c0)
rgb(x,x,x) donde x es un entero entre 0 y 255 inclusive (por ej., rgb(0,204.0))
rgb(y%,y%,y%) donde y es un número entre 0.0 y 100.0 inclusive (por ej., rgb(0%,80%,0%))

La mas utilizada es la primera: RGB hexadecimal(#rrggbb)

Pueden ver los distintos colores RGB hexadecimal en esta: tabla de colores.

Las unidades de longitud en CSS

Longitud relativas:

PT (puntos): Valor en puntos.
PX (píxel): Significa pixeles y es un punto de la pantalla.
EM (M): Es una medida tipográfica que equivale al ancho de la letra eme.
% (porcentaje): Si un padre tiene como tamaño de fuente 20px y el hijo posee un tamaño de 50%, este tendrá un tamaño final de 10px.

Se recomienda usar pixeles (px).

Recuerda que no hay que dejar espacios entre el valor de longitud y la unidad de medida.

Ejemplos:

Esto esta mal:

propiedad: 12 px

Esto esta bien:

propiedad: 12px

Leer la siguiente entrada: Tabla de equivalencias css


Si queremos aprender a modificar el diseño del blog, no nos queda otra que leer mucho y hacer distintas pruebas.

En la Web hay muchos manuales sobre HTML y CSS.

O en este blog.

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?