Hacker of the Web
Tus ideas en código!...y mas

Transparencia en objetos (Opacidad)

Esto no es un truco ni demás, solo es un atributo de CSS que hace a cualquier objeto de una página web, disminuir la opacidad y hacer que se vean un poco transparentes, si no me estas entendiendo puedes hacer clic en:

Mostrar Ejemplo

[cerrar]

/!\Trata de seleccionar algo!!!



[1] Para disminuir la opacidad de un objeto solo le agregaremos estas lineas de estilo:
filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;

Las lineas de estilo en un objeto podemos agregarlas en el mismo objeto de la manera:
<div style="LINEAS DE ESTILO"></div>

O puedes agregarlo en cualquier nivel de una tabla.

<table style="LINEAS DE ESTILO">
<tr style="LINEAS DE ESTILO">
<td style="LINEAS DE ESTILO">
</td>
</tr>
</table>

O podemos agregarla desde el head antes de ]]></b:skin>
/*Las id de los objetos se encuentran en <div id="AQUI">*/
#id del objeto {
LINEAS DE ESTILO
LINEAS DE ESTILO
}
/*Las clases de los objetos se encuentran en <div class="AQUI">*/
.clase del objeto {
LINEAS DE ESTILO
LINEAS DE ESTILO
}
/*Las etiquetas de los objetos se encuentran en <AQUI>:<widget>,<div>*/
etiqueta del objeto {
LINEAS DE ESTILO
LINEAS DE ESTILO
}

[MODIFICACIONES] Esta claro, para ver el objeto mas transparente, tenemos que aumentarle a los número en rojo, que son validos de 0 a 100 y en el caso de .60 llega hasta el 1.
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

2 comentarios !

macias.garcia.daniel@gmail.com dijo...

Hola. Mi blog es este: http://piladeboton.blogspot.com/

Quería saber como redondear el cuadrado de los gadgets que hay a la derecha. Gracias.

Unknown dijo...

Hola!!

Daniel esta entrada te ayudará y mucho: Modificar los widgets de la sidebar


Página Principal
Arriba