Publicidad flotante

anpefe · #1 (**permalink**) 21/02/2010, 11:30

No sé si este es el foro adecuado para publicar este tema:

Necesito poner una publicidad que se muestre en la parte inferior de la página y que se mueva con el scrooll y tenga una opción de cerrar la publicidad en la parte superior derecha de la publicidad.

Espero que me puedan ayudar y les pido un poco de paciencia con migo ya que no soy muy experto.

SeaPirates · #2 (**permalink**) 21/02/2010, 12:37

Podrías usar un lightbox, lo modificas y listo:

Código Javascript:

Ver original<style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>
    </head>
    <body>
        <p>Para abrir click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">aquí</a></p>
 
        <div id="light" class="white_content">Contenido del lightbox<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
        <div id="fade" class="black_overlay"></div>
    </body>
</html>

jackson666 · #3 (**permalink**) 21/02/2010, 12:47

http://www.facebook.com/note.php?note_id=189728782745

Puro CSS

anpefe · #4 (**permalink**) 21/02/2010, 13:05

Cita:

Iniciado por SeaPirates

Podrías usar un lightbox, lo modificas y listo:

Código Javascript:

Ver original<style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>
    </head>
    <body>
        <p>Para abrir click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">aquí</a></p>
 
        <div id="light" class="white_content">Contenido del lightbox<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
        <div id="fade" class="black_overlay"></div>
    </body>
</html>

Tendría que abrirse automáticamente al entrar en la web seria como una especie de ventana emergente o algo parecido lo he visto en varias web pero no recuerdo su dirección

SeaPirates · #5 (**permalink**) 21/02/2010, 13:07

Eso sirbe.. solo cambia:

display: none;

por

display: hide;

anpefe · #6 (**permalink**) 21/02/2010, 14:04

Surgieron otras proposiciones no es lo que busco

anpefe · #7 (**permalink**) 21/02/2010, 20:37

Lo que quiero, como que se hace con div flotante pero no sé como espero que puedan ayudarme

anpefe · #8 (**permalink**) 12/03/2010, 15:26

Tengo una web de la historia local de mi pueblo www.lapuertadearagua.com y voy a colocar una encuesta para un certamen de belleza que se realiza en mi pueblo, lo que quiero en concreto es que al entrar a mi web se abra una imagen o un swf que invite a votar en dicha encuesta y que esta imagen pueda ser cerrada desde un botón o un texto “Cerrar” y que la imagen tenga un enlace hacia la encuesta. Espero que puedan ayudarme.

shedanger · #9 (**permalink**) 07/05/2011, 20:19

Lo que buscan se puede poniendo en el body lo siguiente

Código HTML:

Ver original<body onload = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">

anucabella · #10 (**permalink**) 27/05/2012, 15:01

hola!

yo quiero hacer mas de dos divs flotantes en el mismo html!!!

y no logro conseguirlo a traves de los "id" no me hace caso.

Como es? alguien me daria el codigo porfa?
Gracias