En la actividad de hoy, vamos a aprender a insertar un texto parpadeante como el que aparece encima de estas líneas. Para ello, vais a escribir una entrada, sobre el tema que queráis, cuyo título sea dicho texto parpadeante. Puede ser el anuncio de una fiesta que vais a celebrar o de un concierto, que habéis conseguido un pequeño éxito (como aprobar informática, digo TIC) o lo que se os ocurra. Podéis completar la entrada añadiendo imágenes.
El código HTML necesario para insertar un texto parpadeante es el siguiente:
<marquee scrollamount="400" scrolldelay="500">
<span style="color: red;">
<b>NUEVA ACTIVIDAD</b>
</span></marquee>
No lo copiéis tal cual, haced modificaciones. Podéis jugar con cuatro parámetros:
- El valor de scrollamount determina la posición del texto; cuanto mayor sea, más a la izquierda os aparecerá.
- El valor de scrolldelay determina la frecuencia del parpadeo; cuanto más alto sea ese valor, más lento parpadeará el texto.
- El parámetro color (red en mi caso) determina... ¡el color del texto!
- Finalmente, podemos escribir el texto que queramos (en mi caso NUEVA ACTIVIDAD) entre los símbolos <b>.
A continuación, como SEGUNDA ACTIVIDAD, inserta el mismo texto parpadeante (con alguna modificación) como un gadget en la parte derecha de tu blog.
También podéis llamar la atención mediante una ventana con un texto en movimiento como ésta:
Vais a crear una nueva entrada en la que insertaréis una ventana de este tipo con un texto relativo a la entrada que habéis creado antes. Puede ser alguna modificación del anuncio, como un cambio de día o de hora de la fiesta o del concierto, o que en realidad no habéis aprobado informática, digo TIC (porque el profesor se había equivocado al pasar la nota) o lo que sea. El código HTML necesario es el siguiente:
<table bgcolor="black" border="1" style="width: 175px;"><tbody> <tr><td bgcolor="gray"><marquee behavior="scroll" direction="up" height="50" scrollamount="2"><span style="color: white;"> TERCERA ACTIVIDAD</span></marquee></td></tr> </tbody></table>
En este caso también podéis jugar con distintos parámetros: escribid el texto que queráis (y procurad que sea ingenioso) donde yo he escrito TERCERA ACTIVIDAD; podéis modificar el color del borde de la ventana (black en mi ejemplo), del fondo de la ventana (gray en mi ejemplo) y de la letra (white en mi ejemplo); la dirección en la que se mueve el texto (up en mi ejemplo); la anchura de la ventana (175 en mi ejemplo); la altura de la ventana (50 en mi ejemplo), y la velocidad con la que se mueve el texto (2 en mi ejemplo). Id probando distintos cambios en algunos de estos parámetros hasta que os guste el resultado. No vale copiarlo exactamente igual al mío.
También podéis llamar la atención mediante una ventana con un texto en movimiento como ésta:
Vais a crear una nueva entrada en la que insertaréis una ventana de este tipo con un texto relativo a la entrada que habéis creado antes. Puede ser alguna modificación del anuncio, como un cambio de día o de hora de la fiesta o del concierto, o que en realidad no habéis aprobado informática, digo TIC (porque el profesor se había equivocado al pasar la nota) o lo que sea. El código HTML necesario es el siguiente:
<table bgcolor="black" border="1" style="width: 175px;"><tbody> <tr><td bgcolor="gray"><marquee behavior="scroll" direction="up" height="50" scrollamount="2"><span style="color: white;"> TERCERA ACTIVIDAD</span></marquee></td></tr> </tbody></table>
En este caso también podéis jugar con distintos parámetros: escribid el texto que queráis (y procurad que sea ingenioso) donde yo he escrito TERCERA ACTIVIDAD; podéis modificar el color del borde de la ventana (black en mi ejemplo), del fondo de la ventana (gray en mi ejemplo) y de la letra (white en mi ejemplo); la dirección en la que se mueve el texto (up en mi ejemplo); la anchura de la ventana (175 en mi ejemplo); la altura de la ventana (50 en mi ejemplo), y la velocidad con la que se mueve el texto (2 en mi ejemplo). Id probando distintos cambios en algunos de estos parámetros hasta que os guste el resultado. No vale copiarlo exactamente igual al mío.
Si eres mujer NO clickes
ResponderEliminar