Efecto transparencia para las imágenes.

Estado
Cerrado para nuevas respuestas

culifrunzi

Miembro Activo
Miembro
#1
En este truco voy a explicar cómo conseguir un efecto transparente en las imágenes que agreguemos en cualquier entrada de nuestro Live Spaces con un código HTML.

Para conseguir este efecto de transparencia en las imágenes para las entradas del Live Spaces tan sólo debes situarte en tu Windows Live Spaces en la sección "personalizar" y allí agregar una nueva entrada, debes saber donde agregar la imágen (donde situarla) clickeando el botón HTML de la barra superior de edición y copiar y pegar el siguiente código en el lugar que has elegido:

<DIV style="FILTER: Alpha(opacity=95,finishOpacity=20,style=3); HEIGHT: 354px" >Imagen Perdida/Rota</DIV>
Los siguientes valores se pueden modificar para adecuarlo al estilo que quieres para tu Space:

opacity = Es la cantidad de opacidad con la cual comienza.

finishopacity = En cuanto termina la opacidad, por ejemplo en el valor 0 la imágen no se vería, ya que sería una imágen transparente en su totalidad.

style = Con style puedes optar entre 4 tipos de efectos, los números varían entre 0 y 3 (0,1,2,3), lo más recomendable es probar con estos números e ir buscando el efecto que más te agrade a la vista.

height = Es el ancho donde se sitúa la imágen.

border = Es el grosor de nuestra imágen por ejemplo, 0 no tendrá ningún borde y 1 tendría borde de tamaño 1 pixel.

src = Es la ruta url donde se encuentra la imágen que queremos hacer transparente, comienza con http://

Estos valores son totalmente modificables, y puedes usarlo para darle un efecto más personalizado y moderlo al diseño deseado para tu blog o espacio, este tipo de código puede ser también aplicado en un sitio web.

Fuente.
 
Estado
Cerrado para nuevas respuestas
Arriba Pie