Foros del Web » Creando para Internet » Diseño web »

Quiero fotos transparentes

Estas en el tema de Quiero fotos transparentes en el foro de Diseño web en Foros del Web. Hola buenas noches, El tema es que funciona bastante bien lo que hice con las fotos que utilizo en mi página: www.vab-consulting.net Me refiero a ...
  #1 (permalink)  
Antiguo 12/08/2010, 17:06
 
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 9 años, 10 meses
Puntos: 0
Quiero fotos transparentes

Hola buenas noches,
El tema es que funciona bastante bien lo que hice con las fotos que utilizo en mi página:

www.vab-consulting.net

Me refiero a las de los iconos sociales, pero y siempre aparece el famoso pero. Sucede que las fotos se cargan tal como son y yo quiero que ya se carguen casi transparentes, para luego si pasar el Mouse y se vean tal como son (además de lograr el efecto de una página no tan cargada).
El código que utilizo es este:

<img src="images/index/png/YOUTUBE.png" alt="" width="170" height="90" style="-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand"
onmouseover="this.style.MozOpacity=1;this.filters. alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.2;this.filters .alpha.opacity=50" />

Que debo agregar o cambiar para lograr el efecto deseado?
Gracias de antemano!
  #2 (permalink)  
Antiguo 12/08/2010, 17:18
 
Fecha de Ingreso: enero-2010
Mensajes: 48
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Quiero fotos transparentes

Divs + CSS es mucho mas fácil, ahora busco un diseño que tengo echo y lo pego.


HTML

<div id="social"> Las imagenes que quieras y su link <div>

CSS

#social img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#social img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;

}

Última edición por Zoidberglangosta; 12/08/2010 a las 17:23
  #3 (permalink)  
Antiguo 13/08/2010, 04:59
 
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Quiero fotos transparentes

Okey, perfecto y gracias. Sucede que hay una foto que es la primera (img src="images/index/png/Conectate.png" alt="" width="170" height="90"/>) que no quiero que tenga ningún efecto y que siga permaneciendo en el mismo lugar, sino que se vea tal cual es:
El código me quedo así:

<div id="social">
<div class="left"> <img src="images/index/png/Conectate.png" alt="" width="170" height="90"/><img src="images/index/png/YOUTUBE.png" alt="" width="170" height="90"/><img src="images/index/png/facebook.png" alt="" width="170" height="90"/><img src="images/index/png/twiiter.png" alt="" width="170" height="90"/><img src="images/index/png/rss.png" alt="" width="170" height="90"/><img src="images/index/png/flickr.png" alt="" width="170" height="90"/><br/> </div>

Que tengo que hacer… soy un bruto para estas cosas…
  #4 (permalink)  
Antiguo 13/08/2010, 11:02
 
Fecha de Ingreso: enero-2010
Mensajes: 48
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Quiero fotos transparentes

haz 2 divs, en el primero pon la imagen que no quieres que transparente, en el segundo las otras. El CSS te tendría que quedar así:

#div1 {

float:left;


}
#div2 {

float;right;
opacity...

}

Etiquetas: fotos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:27.