Descripción
Al abrir el archivo, aparece un laberinto en pantalla. Lo divertido es que el personaje que lo recorre es una fotografía de la persona que lo abre, lo que hace que sea una experiencia súper personalizada. El objetivo es llegar al final del laberinto, y cuando lo logras, aparece una pantalla con la recompensa, que puede ser un mensaje especial o cualquier sorpresa que quieras añadir. ¡Es una forma creativa y entretenida de sorprender a alguien!
Características
Fecha: 01/07/2024
Temática: Pareja
Lenguajes: HTML, CSS, Javascript
Compatible con: PC
Ejemplos de uso
Cumpleaños personalizado: Envía el archivo a un amigo o familiar en su cumpleaños. Al abrirlo, su propia foto aparecerá como el personaje que recorre el laberinto, y al llegar al final, recibirán un mensaje de felicitación personalizado como «¡Feliz cumpleaños, [nombre]! ¡Tu recompensa es pasar un día increíble rodeado de amigos y familia!».
Desafío divertido entre amigos: Envía el archivo en un grupo de WhatsApp con amigos proponiendo un reto: quien termine el laberinto más rápido gana. Cada persona verá su propia foto como el personaje, lo que hace la experiencia aún más divertida. La recompensa al final del laberinto podría ser un mensaje gracioso como «¡Eres el más rápido del grupo! ¡El rey del laberinto!»
Propuesta de amor o amistad: Envía el laberinto a esa persona especial. Cuando lleguen al final, podrían recibir una sorpresa como un mensaje romántico o de amistad, acompañado de una animación especial o una imagen, por ejemplo: «¡Felicidades, has llegado al final! Te quiero un montón, y esta aventura es solo el comienzo de muchas más juntos.»
Tutorial paso a paso
1. Cómo obtener el código
Puedes descargar el archivo HTML y CSS desde el enlace al final de esta página. Guarda el archivo en tu dispositivo para personalizarlo y compartirlo.
2. Cómo modificar el código
El código viene con texto predefinido, pero puedes cambiarlo de forma sencilla. Aquí te muestro cómo hacerlo:
- Descarga el código en tu PC
- Ábrelo con cualquier editor de texto. Recomiendo Visual Studio Code pero si no lo tienes instalado puedes utilizar el Bloc de notas. Para ello haces clic derecho encima del archivo, pulsas la opción ‘Abrir con’ y escoges el programa.
- Busca en el archivo el texto que quieres modificar y reemplázalo por el tuyo.
- Guarda el archivo antes de cerrar, si no no se aplicarán los cambios.
- Si haces doble clic en tu archivo, se te abrirá con tu navegador por defecto y verás los cambios actualizados.
- Solo te queda enviar el archivo.
3. Cómo enviar el código
Una vez que hayas personalizado el mensaje, simplemente guarda los cambios y comparte el archivo con la persona que quieras. Aquí te doy algunos ejemplos de cómo hacerlo:
- WhatsApp: Envía el archivo directamente como documento adjunto.
- Correo electrónico: Adjunta el archivo al correo y añade un mensaje personal.
- Subir a Google Drive: Comparte el enlace con la persona para que lo descargue.
Enlace de descarga
Haz clic en el botón para descargar el código: