Foros del Web » Creando para Internet » HTML »

Publicidades en página

Estas en el tema de Publicidades en página en el foro de HTML en Foros del Web. Hola, me gustaría saber cómo se hacen ciertos tipos de propaganda. En esta página Click aquí aparece una ventana transparente de la nada y se ...
  #1 (permalink)  
Antiguo 22/06/2007, 10:41
 
Fecha de Ingreso: septiembre-2006
Mensajes: 141
Antigüedad: 11 años, 3 meses
Puntos: 1
Publicidades en página

Hola, me gustaría saber cómo se hacen ciertos tipos de propaganda.

En esta página Click aquí aparece una ventana transparente de la nada y se superpone a todo, luego se cierra y se puede seguir navegando. Me gustaría saber como se hace eso.

Saludos
  #2 (permalink)  
Antiguo 15/08/2007, 09:39
axz
 
Fecha de Ingreso: mayo-2005
Mensajes: 360
Antigüedad: 12 años, 6 meses
Puntos: 10
Re: Publicidades en página

hola ... bueno 2 cosas:
1) jamás se me mostró la ventana que dices ...
2) si encuentras algún efecto que te agrade en alguna página (salvo que esté hecho en flash o sea un applet de java) siempre puedes ver el código fuente de la página

... Ahora en lo que se refiere a tu pregunta, la solución está en usar un div al que le asignas con CSS todo lo que quieres, bordes, imágenes scroll bars, o lo que se te ocurra, incluso mostrarlo en una posición específica ... Ahí le puedes hechar tanta imaginación como quieras ... te dejo el ejemplo completo:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>div como ventana</title>
<script type="text/javascript">
function ocultaDiv()
{
  var idDiv = document.getElementById( 'idDiv' );
  idDiv.style.display = 'none';
}
</script>
<style type="text/css">
#idDiv
{
  background-color: red;
  border: 3px solid green;
  width: 100px;
  height: 150px;
  overflow-y: scroll;
  
  position: absolute;
  top: 50px;
  left: 300px;
}
</style>
</head>
<body>
Aquí puedes escribir cualquier cosa ...
<div id="idDiv">
  <a href="javascript:void(0);" onclick="ocultaDiv();">Cerrar Ventana</a>
  Todo esto es el contenido del div<br />
  le puedes poner lo que quieras y mostrar incluso scrollbars<br />
  siempre y cuando todo lo hagas con CSS<br />
  ...<br />
  <a href="javascript:void(0);" onclick="ocultaDiv();">Cerrar Ventana</a>
</div>
Aquí puedes escribir cualquier cosa ...
</body>
</html> 
si te das cuenta todo lo que escribas en las partes que dice Aquí puedes escribir cualquier cosa ... se mostrarán por debajo de la ventana (div) ... y lo que escribas dentro del div se mostrará solo ahí ...

Espero sea lo que buscas ... suerte
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 01:18.