miércoles, 19 de agosto de 2015

Hacer cuadros para blogger.

Hola, ¿cómo estan?

Hoy les traigo un pequeño tutorial de como hacer cuadros o recuadros en Blogger utilizando HTML.

Es bastante sensillo,para empezar debemos abrir la etiqueta "div", luego colocaremos "height" que será la altura que queremos tenga el cuadro, pondremos el número entre comillas acompañado de las siglas "px" (EJ.: height="100px"). Seguimos ahora con el "style", en donde legiremos el tamaño del borde,el tipo(groove, double, dotted, solid, ridge, inset, outset, dashed)y el color de las lineas de nuestro recuadro; para esto escribiremos "border: número acompañado por px estilo de línea el color elegido con su nombre en inglés;" (EJ: style= "border: 4px inset yellow;"). Ahora nos falta elegir el ancho, para esto usaremos "width" y al igual que antes seguido por el número + px (EJ: width= "50px"). Para cerrar la etiueta escribiremos "</" seguido de "div".

Al juntar todo, el resultado sería el siguiente: 


Acontinuación les dejo los diferentes estilos de cuadros, elijan el que mas les guste o usen todos según crean conveniente.



groove

double

dotted

solid

ridge

inset

outset

dashed

Eso es todo, espero que les resulte útil. ¿Ya sabían hacer estos cuadros? ¿cuál es su favorito? ¿algún consejo para el próximo tutorial?

Nos leemos la próxima. 

2 comentarios:

  1. gracias por el tutorial muy bueno

    ResponderEliminar
  2. Me acabaste de solucionar la vida! gracias por este tip!
    Ya te sigo ;)
    Saludos!!

    ResponderEliminar