FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

CSS: Cómo colocar bordes

3 ago 2012
 
En esta ocasión les traigo un nuevo tutorial de HTML, espero que les sirva y que lo usen. Me preguntaron cómo hacerlo en mi Ask y me pareció interesante para hacer un tutorial porque siempre quedan lindos los bordes. Cualquier duda que tengan después de leerlo, pueden dejarme un comentario :)


Lo que veremos es cómo hacer diferentes tipos de bordes a nuestras entradas, uno de ellos como muestro en la siguiente captura del blog (como podran ver, hay un borde a rayitas alrededor de la cápsula que contiene la entrada)

 
Antes que nada, tienes que saber que hay 8 tipos de bordes, que son los que se muestran a continuación:

1. Abres la pestaña "Plantilla" de tu blog y te vas a "Edición de HTML". Si te aparece un mensaje, pinchas en "Continuar".
2. Abres el buscador de tu explorador (CTRL+F) y buscas ".post {" o ".post-outer {".
3. Te fijas si no tienes ya la línea "border" si la tienes, borrala y si no, la agregas:
border: 1px dotted #44c6d5;
- Los "n px" son el ancho, a mayor valor, más ancho será el borde
- Donde pone "dotted" lo cambian por el nombre del tipo de borde que quieran (los nombres son los de la foto que les mostré arriba)
- Y después del numeral lo cambian por el código del color que quieran

Guardan los cambios y listo :) Este mismo procedimiento sirve para ponerle bordes a cualquier otra cosa como el sidebar o un título, etc.

¡Espero que les haya servido! No olviden comentar :)

6 comentarios :

  1. Cataa! Excelente Gracias Hace tiempo que lo buscaba y llegaste tu y ya se! :D Millones De Gracias Sos un Genia!! :D

    ResponderEliminar
    Respuestas
    1. Geniaaaaaaaaaaal! Me alegra muchísimo que te haya servido :)

      Eliminar
  2. muchisisisisimas gracias justo lo que pedi :D

    ResponderEliminar
  3. Cata! Mi problema es el siguiente :/
    Segí tus pasos y todo. El problema es que al principio no aparecia nada de los cambios.
    Pues tuve que agregarle al final un "}" para cerrarlo y funcionó, el borde que puse salia, pero despues el color de la entrada estaba transparente y no puedo cambiarlo, no sé que hacer :/
    Mira:
    http://popcorngraphics.blogspot.com/

    AYUDA! :(

    ResponderEliminar
  4. Cata ya no me hagas caso xD segui tu tutorial donde venía todo junto, mucho mejor, y ahí estaba la solucion :33
    http://notasinglesong.blogspot.com/2012/02/tutorial-html-cambiar-los-bordes-de-las.html#more

    ResponderEliminar