Image Map

viernes, 21 de junio de 2013

Tutorial: redondear las puntas de todo tu blog.

¡Holis! 

Ya  hemos terminado los examenes, por lo que esta es la última entrada programada. ¡Este verano estaremos a tope con el blog! :3

Este tutorial es exclusivamente para los blogs con plantilla Sencillo, por lo que si tienes otra, no funcionará.

1. Vamos a Plantilla > Editar HTML.



2. Le damos a Plantilla de Formato, apretamos CTRL + F, y en la barrita buscamos .content-outer {
Y borramos esto que aparece justo debajo de ello:

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);


La última línea se tiene que quedar donde está (margin-bottom).



3. Y después de borrar eso, debajo de .content-outer { colocamos esto:

-moz-border-radius: 25px;
-goog-ms-border-radius: 25px;
-webkit-border-radius:25px;
border-radius: 25px;

Podéis cambiar el valor de recorte a vuestro gusto (que no supere los 100px).

4. Si queréis ver el resultado, dadle a Vista previa y después a Guardar plantilla.

¡Y ya está! Espero que os haya gustado. :)

¡Besos!

*Créditos: Cata.





10 comentarios:

  1. Gracias Cassia^^ Me sera muy útil!

    ResponderEliminar
  2. Me ha servido de mucho, gracias :)

    ResponderEliminar
  3. Muy bueno el tuto. besos guapa

    ResponderEliminar
  4. Gracias, hacia tiempo que queria hacerlo en mi blog ^^

    ResponderEliminar
  5. No sabia como se hacia y es facil o.O aisss cuando tenga la nueva plantilla hecha lo pongo ya que adoro ese efecto de puntas redondas

    Besos

    ResponderEliminar