Efecto "Plantilla Redondeada"

Hace tiempo que llevo viendo un diseño de forma redondeada [...] ¿Tú sabes como conseguir algo así? Si pudieras ayudarme te lo agradecería mucho!
Mira, te explicare a redondear la plantilla "Sencillo", a partir de esta, podrás redondear todas aquellas que tengan una estructura similar, como las Etéreo &/o Viajes.
Comencemos, lo que buscamos con este tutorial, es un resultado como este:
Nos dirigimos a Plantilla // Edición HTML // Buscamos {CTRL + F} la siguiente linea:
]]></b:skin>
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 {no se porque me costo explicar esta parte! ( ̄▽ ̄)ノ}
Una vez que tengamos ya establecido el nro que queramos {entre mas grande mas.. "redondez"(?}, debemos editar lo que vemos en cursiva70px 70px, de ambas partes, por el mismo grado que anteriormente.

NOTA: podemos agregarle un borde de colo, 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!

11 comentarios:

  1. Genial tutorial. No hay quien no te admire, escribes con tanta ternura, y expresas una tranquilidad y un cariño... te admiro demasiado Melo, saludos y besos! n,n

    ResponderEliminar
  2. oWWWWW kyyyyyy que hermoso look del blog esta hermoso.intentare el tutorial

    ResponderEliminar
  3. Hay pero que lindo tuto! gracias Mell º3º

    ResponderEliminar
  4. ece ia lo ize io me kopiazte el tutorial!

    ResponderEliminar
  5. Muchas gracias por el tuto ^^ ... intentare hacer algún diseño con ese tipo de plantilla algún día xd

    ResponderEliminar
  6. Oh esto puede cambiar una plantilla*-* Lastima que me la pasaria de minimalista a mas relajada y yo soy una persona que aunque odio la geometria, plantillas cuadradas por siempre(???). Igual se que voy a terminar usandolo, gracias melo<33

    ResponderEliminar
  7. wow queda chulisimo, muchisimas gracias por el tutorial ^^

    ResponderEliminar
  8. QUE TIPO DE PLANTILLA DEBO DE USAR PARA QUE TODO ESTO ME FUNCIONE SIGO LOS PASOS Y SE VE IGUAL : (

    ResponderEliminar
  9. Sí, me pasa lo mismo, no me funcionó :'''(

    ResponderEliminar
  10. como redondeo los bordes de las entradas?

    ResponderEliminar