#wrappera { width:560px; margin-left:auto; margin-right:auto; margin-top: 19px; overflow:visible; } #slider { background-color: #f7f7f7; position:relative; padding:20px; overflow:hidden; } .contenta { width:520px; float: left; position: relative; } .inslider a { text-decoration:none; } .contentholder { height:250px; width: 520px; overflow: hidden; position: relative; } .contentslider { position: absolute; top: 0; left: 0; } .imgslider img { float: left; } .contentnav { position: absolute; bottom: 30px; left:200px; height:30px; z-index: 100; text-align: center; line-height: 30px; } .contenta h2 a { text-decoration: none; color: #aa2222; } .contentnav a{ padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px; text-decoration: none; color: #aa2222; } .contentnav a.active { font-weight: bold; color:#FFF; background: #aa2222; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }

Pruba slider 1

Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen

Prueba slide 2

Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen

Prueba slider 3

Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen

PRUEBA SLIDER 4

Aqui puedes editarl el texto que esta o bien puedes poner un imagen de una web solo copia la url de la imagen.

1 2 3 4

Práctica 13. ¡SORPRESA!

En este ejercicio debemos conseguir que el escenario cambie de fondo dependiendo del lugar en que se encuentre la chica.

Desplazamos la chica a la izquierda o a la derecha con la teclas de flecha izquierda o flecha derecha.

Además, debe aparecer un mensaje al escenario cada vez que éste cambie.

Por último, al final incluye un evento que a ti se te ocurra. Ánimo, lo estáis haciendo muy bien.

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)