Descripción
Encuentras un seguido de imágenes que van apareciendo una tras otra. Cada imagen muestra un animal triste, lo que le da un toque emocional y simpático. Acompañando cada imagen, aparece una frase de disculpa, como parte de un mensaje que busca pedir perdón de manera original y conmovedora. Para avanzar en la secuencia, el usuario tiene que ir pulsando el botón de «Siguiente» hasta que termina de ver todas las imágenes. Lo mejor es que tanto los textos como las imágenes son completamente personalizables, lo que te permite adaptar el mensaje a la situación o a la persona a la que se lo envías. Es una manera muy creativa y visual de pedir disculpas, y gracias a su formato interactivo, resulta entretenido y fácil de usar. ¡Ideal para compartir por WhatsApp y sorprender con una disculpa que seguro será bien recibida!
Características
Fecha: 12/02/2024
Temática: Pareja
Lenguajes: HTML, CSS
Compatible con: PC, Android, Iphone
Ejemplos de uso
Disculpa después de una discusión: Si has tenido un desacuerdo con un amigo o pareja y quieres pedir disculpas de una manera original y emotiva, este código es perfecto. Cada imagen de animal triste puede ir acompañada de frases que muestren tu arrepentimiento, como «Lo siento mucho», «No quise hacerte daño», y finalmente «¿Me perdonas?». Es una forma suave y simpática de romper el hielo y pedir perdón.
Disculpa para un compañero de trabajo o estudio: Si cometiste un error en un proyecto o tarea grupal, puedes usar este archivo para pedir disculpas de manera creativa. Personaliza las imágenes y los textos para transmitir tu mensaje de una manera que sea divertida y un poco menos formal. Las imágenes de animales tristes suavizarán la situación y pueden incluso sacar una sonrisa a la otra persona.
Reconciliación después de una broma pesada: Si hiciste una broma que no fue bien recibida, este archivo es una forma simpática de pedir disculpas. Puedes personalizar las imágenes y frases con algo como «Perdona por la broma», «No fue mi intención que te molestara», y terminar con un mensaje divertido o un «¿Amigos otra vez?». Este enfoque hará que la disculpa sea ligera y amena.
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.
- Para personalizar la imagen, primero necesitarás convertirla a formato base64. Puedes hacerlo buscando en Google «image to base64». Una vez que subas tu imagen, si es muy grande, puedes reducir su tamaño bajando la calidad, por ejemplo, enviándotela a ti mismo por WhatsApp. Luego, cuando se codifique, simplemente haz clic en el botón «Copy Image» para copiar el código. Este texto largo que se genera tendrás que pegarlo entre las comillas de
background-image: url('');No te preocupes, en el propio archivo te doy más detalles sobre cómo hacerlo. - 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: