Ventana Flotante en HTML

10 marzo, 2013
Jhonnyf

Tener un Cuadro Flotante en nuestra web es util siempre y cuando lo uses de la manera correcta, básicamente debes evitar que tape el contenido y para nada sobreponerse sobre un banner de Adsense ya que es causal de Baneo. asi que teniendo esto en cuenta usa este codigo con prudencia.

Yo lo utilizo en algunas web para mostrar los botones de ME GUSTA, Twitter y Google Plus, siempre a un lado y posicion especifica, ya que si la pantalla es chica (Monitores 1024×768 o de Tables y celulares), al tener esa posicion fija no se va a mostrar ni sobreponer como el area de visualización. aqui un Ejemplo: “PIZARRON DE PESCADORES – EL ANZUELO PERÚ – PARTE II

El codigo sin usar CSS es el siguiente:

El que evita que se sobreponga sobre el contenido y/o hace que se oculte cuando la pantalla no es widescreen es el margin-left: -120px; lo puedes comprobar si achicas la ventana de tu navegador mientras visualizas la web

Si lo deseas Separado, es decir, como codigo CSS

y la llamada seria:

 

7 Comentarios. Dejar nuevo

muy bueno me sirvio

Responder
phpProgramer
24 junio, 2014 6:27 PM

Garcias, me sirvio tal cual tu ejemplo

Responder

EXELENTE COMPAÑERO ME SIRVIO MUCHO

Responder

Me sirvio perfectamente para lo que necesitaba, muchas gracias por compartir.

Responder

Como hago si quiero agregarle un boton para cerrarlo?

Responder

Como hago si quiero agregarle un boton para cerrarlo?

Responder

¿Como hago si quiero agregarle un botón para cerrarlo?, te agradezco.
buen post, espero tu pronta respuesta.

Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *