miércoles, 10 de abril de 2013

PARA QUE NOS SALGA REDONDO



    En esta ocasión os voy a mostrar un truco, aunque, más que un truco es puro código CSS, para que las imágenes de vuestro blog  queden redondeadas. Mi fuente "oloblogger", lo explica a la perfección, así que no dudéis en acudir a este magnifico blog, al final del articulo os daré el link concreto a este truco.
Bueno, vayamos por partes, lo primero es crear el estilo con css, la regla que  obrara el milagro, y que colocaremos o bien dentro de nuestra plantilla para no tener que repetir el código  o inline y aplicarlo exclusivamente a una sola imagen.
 <style type="text/css" media="screen"> (solo si no lo haces en la plantilla de vuestro blog)
     LA REGLA DE ESTYLO
.redondo img{
border: 2px solid grey;
margin: 0;
padding: 0;
border-radius: 800px;
overflow: hidden;
}
---------------------------------------------------------
</Style> (solo si no lo haces en la plantilla de vuestro blog)

Ahora viene el código html que ara que las imágenes con la clase redondo se redondeen:

<div class="redondo">
<img src="DIRECCION_IMAGEN"/>
</div>

Este código lo colocareis para incrustar la imagen allí donde lo deseéis.
No lo olvidéis: todo junto css y html se hará en una entrada o gadget para ejecutarlo sobre una sola imagen, pero, si el CSS, lo añadís a la plantilla antes de ]]</b:skin>, tan solo colocareis en el lugar deseado el html.
  

1 comentario :