Tutorial!Esquinas redondeadas en la plantilla

|| ||
Walking through the city streets. | via Tumblr 
 
Hola!Aquí se reporta Larita Itzumiki!!Bueno se que no publiqué hace mucho, por eso los quiero perdonar con un Tutorial!Es de como hacer esto en tu blog:
 



Es muy chulo no?Bueno aquí la explicación para ponerlo así...
 
 Nos dirigimos a Plantilla // Edición HTML // Buscamos {CTRL + F} la siguiente linea:
]]></b:skin>
Una vez lo hayas encontrado:
ARRIBA pegamos el siguiente código CSS:
.content-inner {
border-radius: 70px; /* BORDE REDONDEADO */
box-shadow: none;
}
.content-outer {
border-radius: 70px; /* BORDE REDONDEADO */
border: 1px dashed  #000; /* ESTILO DE BORDE */
  box-shadow: none;
}
.Header img{border-radius: 70px 70px 0 0;}
.footer-outer {border-radius: 0 0 70px 70px;}
 Editamos lo marcado.
Donde nos dice "border-radius: 70px;", principalmente en "70px", sera cuanto se redondeara la esquina
Una vez que tengamos ya establecido el nro que queramos {entre mas grande mas.. "redondo"}, debemos editar lo que vemos en cursiva70px 70px, de ambas partes, por el mismo grado que anteriormente.

 NOTA: podemos agregarle un borde de color, por eso agregue esa opción al code. También, si utilizamos otra plantilla, donde no posea el "cuerpo" principal, a partir del mismo código podemos agregarle fondo & editarlo como mas nos guste!

Bueno!Espero que les haya servido cualquier duda preguntame!Le doy los créditos por el tuto y las imagenes a:Mel

Besotes!Luego les traigo unos Menus que me parecieron muy lindos!Besitos!

 

No hay comentarios:

Publicar un comentario

Tu comentario me haría muy feliz!! :D