Comunidad de diseño web y desarrollo en internet online

Despliegue de esquina con anuncio

Citar            
MensajeEscrito el 27 Dic 2009 07:56 pm
Holas!!!

No se si vieron en algunas páginas que la esquina se pone como desplegable, y cuando pones el mouse encima se despliega hasta cierta distancia conb un anuncio o noticia para darle clcik e ingresar a ver el contenido, alguien sabe o tiene un ejm de como hacerlo?

Saludos

Verok! :lol:

Por Veronika

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Dic 2009 03:54 pm
no se entiende bien a que te refieres, si puedes dar una pagina ejemplo de lo que quieres lograr seria mas facil ayudarte.

lo que entiendo es que al pasar el mouse por cierta parte se despliege algo, una imagen? un menu? podrias ser mas especifica?

Por Neilye

31 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 28 Dic 2009 04:15 pm
Hola, gracias por tu respuesta, dejo un link de lo que busco.

http://www.kotear.pe

El asunto es en la esquina superior derecha.

Saludos y mil gracias

Verok :lol:

Por Veronika

4 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Dic 2009 05:07 pm
En esa página está utilizando un .js para mostrar un flash:

código escribió:

<div style="...>
<script type="text/javascript" src="../../peel/peel.js"/>
<div style=".....>
<object width="100" height="100" id="eselSmallcornerObject" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash...
...

el script lo puedes ver aquí:
http://www.kotear.pe/peel/peel.js
Creo recordar haber visto algún ejemplo usando jquery.

Pero, en el ejemplo que mencionas, es bloqueado por adblock plus.

Podrías también lograr algo parecido sólo con css (claro está que sin los efectos de transición)

Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 29 Dic 2009 02:37 pm
o podria lograr algo con los efectos de transicion creandolo con un swf con boton y fondo transparente metido en un contenedor con posicion absoluta y por encima del resto del diseño.

Por Neilye

31 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 29 Dic 2009 05:22 pm

Neilye escribió:

o podria lograr algo con los efectos de transicion creandolo con un swf con boton y fondo transparente metido en un contenedor con posicion absoluta y por encima del resto del diseño.


Pero los que vean tu web desde una resolucion más baja o un monitor tradicional (no-widescreen) probablemente no puedan hacer click en los enlaces que queden debajo del SWF...

Por elfleat

871 de clabLevel

2 tutoriales

Genero:Masculino  

Miami, USA

firefox
Citar            
MensajeEscrito el 29 Dic 2009 06:19 pm

elfleat escribió:

Neilye escribió:

o podria lograr algo con los efectos de transicion creandolo con un swf con boton y fondo transparente metido en un contenedor con posicion absoluta y por encima del resto del diseño.


Pero los que vean tu web desde una resolucion más baja o un monitor tradicional (no-widescreen) probablemente no puedan hacer click en los enlaces que queden debajo del SWF...


si te fijas mas arriba en la pagina referencia veras la idea, la pagina tiene ese "pasar la pagina" en la esquina que como veras el boton crece si uno acerca el mouse a expandirlo.

el swf no seria en si el boton, seria una pelicula normal con zonas activas que actuan como boton, cumpliendo esta secuencia logica

primer fotograma
la zona activa o boton invisible es pequeño apenas ocupando el "click aca", ese boton al tener un rollOver da un play(); que lleva a correr la pelicula hasta el ultimo fotograma

ultimo fotograma
la zona activa se ha agrandado hasta cubrir toda la seccion publicitaria, con el rollOut vuelve al primer fotograma pero con click va a donde se quiere ir.

Por Neilye

31 de clabLevel



Genero:Femenino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.