Hola! queria saber como hago para ponerle el efecto que tiene este foro (http://www.promocionatupagina.com) en los botones de nuevo tema, contestar, tema cerrado y nuevo m/p que al pasar el mouse por arriba del boton se ilumina un poco mas la imagen, por favor si alguien tiene ese codigo le pido que me lo de, muchas gracias!

Ese es un efecto hover

puedes usar este tutorial que te puede servir

http://asistencia.foroactivo.com/t44220-codigo-efecto-encendido-y-apagado-en-imagenes

juanms07 escribió:Ese es un efecto hover

puedes usar este tutorial que te puede servir

http://asistencia.foroactivo.com/t44220-codigo-efecto-encendido-y-apagado-en-imagenes

Claro! pero lo que yo quiero es que precisamente los botones que mencione en el primer post hagan ese efecto.. esos tutoriales explican como hacer esos efectos con otras imagenes..

up!

Con este selector:

Código:

div.postbody .profile-icons li a img.

Mr.Axtrix escribió:Con este selector:

Código:

div.postbody .profile-icons li a img.

No me sirvió

up!

para no complicarte usa esta forma (simple)

Código:

a img{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity:0.7;
}

a img:hover{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}

pero usaría todas las imágenes que tengan enlace, si quieres solo los botones tendrás que usar mas selectores

Juan_fer escribió:para no complicarte usa esta forma (simple)

Código:

a img{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity:0.7;
}

a img:hover{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}

pero usaría todas las imágenes que tengan enlace, si quieres solo los botones tendrás que usar mas selectores

Ahi va! pero ahora lo que yo quiero es saber como se usan los selectores, ya que solo quiero que los botones que menciono en el primer post tengan este efecto.. las demas imagenes con enlace no quiero que tengan ese efecto

Este seria el código exacto

Código:

.postbody .profile-icons li a img, .topic-actions .buttons a img{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity:0.7;
}

.postbody .profile-icons li a img:hover, .topic-actions .buttons a img:hover{
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}

si usas firefox instala firebug o en chrome directamente, das clic derecho -> inspeccionar.
es de gran ayuda, también hace falta aprender mas css