banners flotantes...como?

ceronne · #1 (**permalink**) 03/08/2002, 23:34

hay veces que en este sitio o en otros más

http://t1msn.espndeportes.espn.go.com/
<a href='ir.asp?http://t1msn.espndeportes.espn.go.com/' target='_blank'>http://t1msn.espndeportes.espn.go.com/...</a>

salen banners flotantes, por ejemplo de NIKE; supongo que son con DHTML usando <div>.... pero...... como se hacen? alguien tiene un ejemplo?

TheMaynard · #2 (**permalink**) 04/08/2002, 01:54

hey... yo tambien quiero saber como se hace!!!!!

MARKWEB · #3 (**permalink**) 04/08/2002, 03:30

Esta malo el enlace que diste no me llega a ninguna url

Barba43 · #4 (**permalink**) 04/08/2002, 10:24

Por favor, piensa en los visitantes de tu web y no pongas banners de esos, que es lo mas molesto que he visto nunca.

Vamos a pensar un poco en la gente que visita nuestras páginas y a hacerles mas sencilla la navegación.

Solo es un consejo, no lo tomes a mal.

Cuidate.

ceronne · #5 (**permalink**) 04/08/2002, 14:51

no importa, yo quiero saber como se hacen para cuando se ofrezca.....como se hacen???

eurkene · #6 (**permalink**) 09/08/2002, 07:20

Ese tipo de publicidad son los nuevos formatos llamados rich media, hechos con flash, dhtml, etc etc. LLevo varios dias preguntando en los foros por ellos y nadie me da respuesta asi que he intentado hacer uno yo misma de la siguiente manera: haces una animacion con flash y fondo transparente, la colocas en una capa y la animas con un bucle. Funciona, puede que no sea el metodo ideal pero va, aunque no funciona (no se mueve) si lo que hay en tu página es flash. Si es solo de html si que va.(portales, etc)
Si te enteras de algun metodo mas cientifico y no tan casero avisame plis que estoy interesadisima y no encuentro na de na.
Salu2 ;)

CORE · #7 (**permalink**) 09/08/2002, 13:26

Yo se hacerlos a mi modo, pero no soy muy bueno en flash si quieren mandenme una presentacion como la de nike y lo hago y si CVDHS me permite publicamos el tutorial en MDW

<a href="http://usuarios.lycos.es/controlaltsupr" target="_blank"><img src="http://usuarios.lycos.es/controlaltsupr/cas.gif" width="320" height="75" border="0"></a>

TEODORO · #8 (**permalink**) 10/08/2002, 19:27

He visto algo parecido en www.Galeon.com pero no he podido reproducirlo hsta ahora , mas bien creo que e puede imitar el efecto poniendo un IFRAME (frame interactivo) dentro de de un div flotante de esos van como un sello de agua, el IFRAME llama a otra pagina web que va incrustada en la principal. ahora no tengo el codigo a la mano, lo voy apreparar para mañana.... ;)

tambien pueden buscar en http://www.miscodigos.com

CORE · #9 (**permalink**) 10/08/2002, 23:39

iframe en div flotante?
creo que te complicas la vida

CORE · #10 (**permalink**) 10/08/2002, 23:53

Buenas :parece que a nadie mas le importo este mensaje y dejaron abandonado el POST pero bueno aqui dejo una parte del codigo lo unico que falta es animar la capa con el tieme line pero eso luego se los digo hasta que ve interes en este mensaje

Código:

  &lt;html&gt;
&lt;head&gt;
&lt;title&gt;SUB[GUIONBAJO]CORE[ARROBA]HOTMAIL[PUNTO]COM&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
function MM_reloadPage(init) { 
if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&amp;&amp;(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
&lt;/script&gt;
&lt;/head&gt;

&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;&gt;
&lt;div id=&quot;Layer1&quot; style=&quot;position:absolute; width:200px; height:48px; z-index:1; left: 99px; top: 93px&quot;&gt; 
&lt;table width=&quot;106%&quot; border=&quot;0&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot;&gt;
&lt;tr&gt;
&lt;td height=&quot;43&quot;&gt;&lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; codebase=&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0&quot; width=&quot;400&quot; height=&quot;60&quot;&gt;
&lt;param name=movie value=&quot;archivo.swf&quot;&gt;
&lt;param name=quality value=low&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;
&lt;embed src=&quot;archivo.swf&quot; quality=low pluginspage=&quot;http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;400&quot; height=&quot;400&quot; wmode=&quot;transparent&quot;&gt;
&lt;/embed&gt; 
&lt;/object&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Cluster · #11 (**permalink**) 11/08/2002, 16:00

Al fin y al cabo .. se trata de una capa (<div></div>) .. dimensionada y posicionada donde queramos (o animado su movimiento via bucles .. etc ).

Y para darle mas efecto a la cosa .. el Logo y/o animacion .. una animacion flash con fondo trasparente .. no?

Es eso solo?

Y los navegadores que no aceptan uso de capas (div) .. que efecto hace? No sale? .. se incrusta como una tabla? ...?

Un saludo,

ceronne · #12 (**permalink**) 11/08/2002, 20:12

Cita:

lo unico que falta es animar la capa con el tieme line

como?????

CORE · #13 (**permalink**) 11/08/2002, 21:29

pasenme un swf en 400x400 px de lo que se les ocurra y mañana les presento como queda y el codigo

<p align="center"><embed src="http://usuarios.lycos.es/tlalneweb/sm.swf " quality=high width="400" height="60">

ceronne · #14 (**permalink**) 11/08/2002, 22:37

Cita:

pasenme un swf en 400x400 px de lo que se les ocurra y mañana les presento como queda y el codigo

con movimiento?

eurkene · #15 (**permalink**) 12/08/2002, 03:34

animar una capa con dreamweaver es muy facil, tan solo la seleccionas y con el boton drecho le dices registrar ruta de capa, entonces la mueves por tu pantalla y se quedan registradas todas las coordenadas de eses movimiento. Si a esa capa le metes un flash con fondo transparente,pues ya tienes el efecto. El problema es que no funciona si tu página es toda de flash (no se mueve la capa) y aun no se como andara en una página con marcos

ceronne · #16 (**permalink**) 12/08/2002, 19:34

Cita:

animar una capa con dreamweaver es muy facil

ke versión?

CORE · #17 (**permalink**) 12/08/2002, 19:56

pues yo en la version 3 la llegue a utilizar y de lo del SWF si quieren con o sin movimiento

CORE · #18 (**permalink**) 12/08/2002, 20:46

ok el time line lo trae el DW3 animarla es sencillo pero.....
quetal darle los comportamientos? es donde se pone dificil el asunto
Cerone sobre el SWF si quieres animado mejor asi podremos ver como en starmedia, lycos y en ya.com

<p align="center"><embed src="http://usuarios.lycos.es/tlalneweb/sm.swf " quality=high width="400" height="60">

ceronne · #19 (**permalink**) 12/08/2002, 22:35

ejemplo de banner flotante

http://t1msn.espndeportes.espn.go.com/basquetbol/noticias/jordan812.html

ceronne · #20 (**permalink**) 12/08/2002, 22:41

sirve este?

http://feitesm.tol.itesm.mx/nike.swf

TEODORO · #21 (**permalink**) 14/08/2002, 18:31

Ceronne
A que te refieres con banners flotantes?, enn la direccion web que pones no veo ninguno.
Yo llmo banners flotantes a aquellos baners que permanecen visibles aun cuando haces click en la pagina o avanzas con la barra de desplazamiento., esto es realmente un DIV.
Uno similar aparece en las paginas alojadas en Galeon.com
por ejemplo: <a href='ir.asp?http://www.familyweb.galeon.com' target='_blank'>http://www.familyweb.galeon.com...</a>
Si deseas este tipo de banners puedes bajarte el archivo:
<a href='ir.asp?http://galeon.com/familyweb/ejm00.zip' target='_blank'>http://galeon.com/familyweb/ejm00.zip...</a>
y personalizarlo.
Otro banner del mismo tipo y que tambien tiene la obcion de ser cerrado por el visitante puedes bajarlo aqui:
<a href='ir.asp?http://galeon.com/familyweb/ejm01.zip' target='_blank'>http://galeon.com/familyweb/ejm01.zip...</a>
,si tienes problemas para personalizarlo escribe.

Aun mas puedes poner un window conteniendo tu banner,uno que sea interesante, aqui tienes un ejemplo:
<a href='ir.asp?http://galeon.com/familyweb/ejm02.zip' target='_blank'>http://galeon.com/familyweb/ejm02.zip...</a>

Espero que alguno de estos te sirva.
OK :)

NOTA: si no se descarga mediante estos enlaces, digita la direccuion directamente en el navegador y sera descargado el archivo zip.

CORE · #22 (**permalink**) 14/08/2002, 23:38

dw3 puedes animar la capa lo dificil es darle los comportamientos a esta
el banner seria mejor que sea animado para poder enseñar como funciona

CORE · #23 (**permalink**) 15/08/2002, 00:08

ok cerone tengo el SWF mañana empiezo el tutorial

ceronne · #24 (**permalink**) 15/08/2002, 00:12

muchas gracias CORE..... foreros, esperen el tuto de Core...... algo ke muchos hemos estado buscando.... :)

cvander · #25 (**permalink**) 11/03/2003, 20:40

Y que paso al final con el tutorial?

Me interesa mucho, aunque el mensaje es viejo.

Espero que la propuesta siga en pie.

asinox · #26 (**permalink**) 11/03/2003, 20:47

si, donde ta el tutorial?

o somos babosos?

#27 (**permalink**) 13/03/2003, 23:23

pues aqui siguiendo con el mensaje a ver si el core hizo el tuto....

CORE · #28 (**permalink**) 13/03/2003, 23:51

Cita:

Mensaje Original por cvdhs
Y que paso al final con el tutorial?

Me interesa mucho, aunque el mensaje es viejo.

Espero que la propuesta siga en pie.

Parece que ya te lo habia enviado hace mas de tres meses Cristian y quedaste de publicarlo

Creo que JLM lo publico en su pagina

pero bueno aqui se los dejo mejor explicado AqUi
saludos

affv · #29 (**permalink**) 14/03/2003, 01:45

Bien.. pues yo hasta hoy miro este post... y como veo que el link que dejaste para descargar el archivo... no esta funcionando cree uno yo.
Pero sabes yo lo hice algo diferente al tuyo pero igual funciona...

podes descargarlo desde AQUI bueno el que yo hice si quiere alguien ponerlo a funcionar en su sitio solo debe de cambiar los parametros como tamaño del swf (alto,ancho) y el nombre del swf. Para que al terminar de reproducirce el swf ya no siga saliendo cuando crees la animacion pon al final de la animacion el cation unloadMovieNum (0); y ya esta.

Facil y funcional.

Ha te quedo muy bien el Tutorial CORE.

cmc · #30 (**permalink**) 14/01/2005, 07:54

Hola gente estoy buscando la forma de hacer esto y no lo logro, quise entrar a los link que dejaron acá y no hay forma así que si alguien lo resolvió y me puede dar una mano se lo voy a agradecer.