Comunidad de diseño web y desarrollo en internet online

¿Como consigo esto? (que original eh)

Citar            
MensajeEscrito el 08 Dic 2007 01:31 pm
Hola me gustaría conseguir un efecto parecido al del menú inferior de esta página:http://www.google.co.kr/ig?hl=ko&sp=korea (el de las bolitas)
Por más que lo intento no lo consigo. Gracias de antemano.

Por danigomez

3 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Dic 2007 03:31 pm
Pues Dani, son gifs animados. Con eventos javascript puedes hacerlo (si no sabes, el DWeaver lo hace solo, con el panel comportamientos, aunque si te gusta el código 'limpio', no es recomendable que el DW haga cosas por si mismo), solo necesitas 3 imágenes por vínculo. La estática, la del estado 'sobre' y la del estado 'fuera'.

Por CrystalWorX

11 de clabLevel



Genero:Masculino  

Barcelona

msie7
Citar            
MensajeEscrito el 08 Dic 2007 03:33 pm
Por cierto, me parece raro que google meta eso en su página inicial. Claro que korea es un mundo aparte.

Por CrystalWorX

11 de clabLevel



Genero:Masculino  

Barcelona

msie7
Citar            
MensajeEscrito el 08 Dic 2007 03:35 pm
Esto es porque CSS no tiene un estado a:hout como pseudoclase, pero con javascript sí puedes crear una función con estado fuera, que cambie el estilo del background.

Por CrystalWorX

11 de clabLevel



Genero:Masculino  

Barcelona

msie7
Citar            
MensajeEscrito el 08 Dic 2007 03:54 pm
Gracias CrystalWorX :D , creo que te he entendido pero la pega es que yo no se javascript, solo html y css. De todas maneras intentaré conseguir el DW.

Por danigomez

3 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Dic 2007 04:09 pm

CrystalWorX escribió:

Pues Dani, son gifs animados.

Creo que no. Me lo he mirado bien y no usa gifs animados.
Lo que hacen es mover la posición de la imagen de fondo, que es esta:
mediante Javascript.
No es tan fácil como poner 3 imágenes por vínculo. La estática, la del estado 'sobre' y la del estado 'fuera'. Y además falta lo del texto que sale, y eso no está hecho con imágenes.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 08 Dic 2007 04:34 pm
Mmm... :S¿Y como podría hacer eso, o algo parecido? Aunque sea sin el texto. ¿Alguien puede echarme una mano?

Por danigomez

3 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 09 Dic 2007 12:29 am
Te sugiero que le des un vistazo a la libreria de javascript jQuery. En aspectos como esto es muy util, y su sintaxis es sencillisima. Busca el tuto en la seccion de tutoriales de esta web. Con animate de jQuery , y background-position de css... voilá, tu efecto.

Por cierto, google korea ftw.

Background-position: http://www.w3schools.com/css/pr_background-position.asp
jQuery: http://www.jquery.com

Saludos ;)

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox
Citar            
MensajeEscrito el 09 Dic 2007 10:54 am
Muchas gracias Lunatic Lycanthrop, miraré a ver que tal con lo que tu dices. :)

Por danigomez

3 de clabLevel



Genero:Masculino  

firefox

 

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