Cómo crear realistas Post-It Pop-Up

Cómo crear realistas Post-It Pop-Up

Word Count:
486

Resumen:
¿Ha visto uno de esos post-it pop-up? El que parece tan realista, con efecto de sombra impresionante. Si usted no sabe lo que estoy hablando, intente abrir el siguiente sitio web:

http://myhobbybooks.com/wowpop

Se ven impresionantes ¿no?

Y algo como esto siempre es bueno para su campaña de marketing web. Una de las razones, nunca se queda bloqueado por pop-ups. Y otro, que realmente atrae la atención de sus visitantes de la web.

Esto es bueno cuando se desea ...


Palabras clave:
pop-up, pop-up generador, PNG


Cuerpo del artículo:
¿Ha visto uno de esos post-it pop-up? El que parece tan realista, con efecto de sombra impresionante. Si usted no sabe lo que estoy hablando, intente abrir el siguiente sitio web:

http://myhobbybooks.com/wowpop

Se ven impresionantes ¿no?

Y algo como esto siempre es bueno para su campaña de marketing web. Una de las razones, nunca se queda bloqueado por pop-ups. Y otro, que realmente atrae la atención de sus visitantes de la web.

Esto es bueno cuando se quiere aumentar la tasa de suscripción a su publicación electrónica, o promover un programa de afiliados, o incluso aumentar las ventas.

Pero uno se pregunta, ¿cómo lo hacen? Usted piensa que puede lograr resultados similares, y se intenta, y tratar, y tratar de ... Has intentado imagen GIF, JPG, ninguno de estos puede hacer el trabajo.

Pero hay una cosa que sencillamente no lo sé. Muchos programadores Web Pro saben esto, pero no los diseñadores de páginas web normal ... quizá incluso la mayoría de los diseñadores de web no saben cómo hacer esto.

El secreto está en formato de imagen PNG.

Formato de imagen PNG es el formato de imagen poco conocida que puede utilizar en la web. Formato de imagen PNG es único porque se puede hacer el efecto Alpha con él. El efecto Alpha es donde se define el factor de transparencia en ciertas áreas de la imagen PNG. Eso es lo que hace que la sombra es tan real.

Con el efecto de Alpha, puede establecer el factor de transparencia del 0% al 100%. Así que puede ser del 30% transparente, 50% o incluso el 79%. Echa un vistazo a los pop-up de nuevo, y dar un vistazo a la sombra - Ahora ya sabe cómo se hace.

Pero no es sólo un problema - Internet Explorer realmente no apoyo formato de imagen PNG. Si bien todavía puede llamar a formato de imagen PNG con la etiqueta IMG, Internet Explorer omite el factor alfa. En Internet Explorer, imagen PNG simplemente no aparecen correctamente.

Entonces, ¿cómo resolver este ...

Por suerte todavía puede llamar a la imagen PNG en Internet Explorer y tiene el Alfa refleja mediante un comando de CSS especial. Es la AlphaImageLoader ().

Pero esto llevará a otro problema. Antes de que usted puede llamar a la imagen PNG, primero tiene que identificar el navegador de tu visitante de la web está usando. Si el visitante está usando Firefox, Opera, Netscape o cualquier otro, puede llamar el PNG con la etiqueta IMG. Pero si es Internet Explorer, es necesario utilizar el AlphaImageLoader ().

Y, por supuesto, esto siempre se puede resolver con un poco de un Javascripting. Y con un poco más de Javascript y CSS, usted puede tener la imagen PNG, flotando sobre el contenido de su web. Usted puede incluso hacer que el pop-up desaparecer mediante el disparador de eventos DEFANGED_DEFANGED_OnClick.

Si deseas un código completo y la imagen PNG a su puesto de realismo fotográfico propia que un pop-up, intente visitar WOW Pop-Up. A continuación se muestra la dirección URL para WOW Pop-Up en donde usted puede conseguir un conjunto gratuito de código y los gráficos PNG.