jueves, 12 de enero de 2012

Estilo a imagenes


Aplicando estilo a las imagenes de tus entradas

Muchos os habeis preguntado infinidad de veces como hacer para aplicar estilo a las imagenes,para que se vean diferentes asi que hoy os traigo un pequeño tutorial en el cual os mostrare como con un par de codigos se le puede agregar un impresionante estilo a las imagenes.


El resultado final del truco sera el siguiente.




La imagen a la que se le aplico el estilo es la siguiente:


Para añadir este estilo a las imagenes de tus entradas pega el siguiente codigo en la Edición de HTMLde la entrada.

<center><img class="juvinao" height="250" src="URL DE TU IMAGEN" width="230" /></center><br />
<br />
<style type="text/css">
.juvinao {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
border:1px solid #c0c0c0;
 background: url(http://4.bp.blogspot.com/-B58Czi-_F-8/Te8BLDSGN8I/AAAAAAAABDw/9QfUQtipWbo/s320/free_high_res_texture_381.jpg) bottom no-repeat;
padding:5px;
padding-bottom:20px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
}
</style>
La parte que esta en azul claro la reemplazas por la URL de tu imagen y los valores que estan en azul oscuro son los que debes editar para configurar el tamaño de la imagen.


De: http://www.miltrucosblogger.info/
Related Posts Plugin for WordPress, Blogger...