25 de mayo de 2016

Tutoriales: Redondear los bordes del blog

Algo que le da originalidad a tu blog es la manera en la que presentas los bordes... Puede ser algo en lo que no piensas mucho pero cuando lo destacas y utilizas a tu favor te puede resultar muy atractivo...  En muchas oportunidades he remarcado los bordes  de mi blog o los he redondeado... Hacerlo es sumamente fácil así que si deseas aplicarlo en tu blog solo sigue los siguientes pasos...
  • Plantilla → Editar HTML  →  y busca (Ctrl + F):  .content-inner {
Lo encontraras de esta manera:
.content-inner {
padding: $(content.padding) $(content.padding.horizontal);
Reemplaza lo que esta en negritas por el código del borde que elijas:

padding: 10px 15px;
border-radius: 50px 50px 50px 50px;
border: 2px solid #CEC9C9;
padding: 10px 15px;
border: 2px solid #CEC9C9;
padding: 10px 15px;
border-radius: 50px 0px 50px 0px;

border: 2px solid #CEC9C9;

A tu gusto:

  • 50 - 0: grado del borde
  • 2px: ancho del borde
  • solid: estilo del borde
  • #CEC9C9: Color HTML del borde. 
Una vez lo termines de editar, guarda tu plantilla y listo... disfruta de tus nuevos bordes...

RECURSOS

1 comentario:

  1. Muy útil el tutorial, yo lo tengo así redondeado y personalmenet me gusta mucho como queda :P

    ResponderEliminar