Generation

generate functionFri, 06 Feb 2026

la presentacion de un apagina web sobre actividades paranormal con imagen de fondo y decoraciones oscuras

Aquí te dejo un ejemplo de cómo podrías crear una función en JavaScript que genere una presentación de una página web sobre actividades paranormales con imagen de fondo y decoraciones oscuras: ```javascript // Función para crear la presentación de la página web function crearPresentacion() { // Crear el contenedor de la página const contenedor = document.createElement('div'); contenedor.style.position = 'relative'; contenedor.style.width = '100%'; contenedor.style.height = '100vh'; contenedor.style.overflow = 'hidden'; // Agregar imagen de fondo const fondo = document.createElement('div'); fondo.style.position = 'absolute'; fondo.style.top = '0'; fondo.style.left = '0'; fondo.style.width = '100%'; fondo.style.height = '100%'; fondo.style.backgroundImage = 'url("https://picsum.photos/2000/1000")'; fondo.style.backgroundSize = 'cover'; fondo.style.backgroundPosition = 'center'; fondo.style.zIndex = '-1'; // Agregar decoraciones oscuras const decoraciones = document.createElement('div'); decoraciones.style.position = 'absolute'; decoraciones.style.top = '0'; decoraciones.style.left = '0'; decoraciones.style.width = '100%'; decoraciones.style.height = '100%'; decoraciones.style.background = 'rgba(0, 0, 0, 0.5)'; decoraciones.style.zIndex = '-1'; // Agregar título y texto const titulo = document.createElement('h1'); titulo.style.position = 'absolute'; titulo.style.top = '50%'; titulo.style.left = '50%'; titulo.style.transform = 'translate(-50%, -50%)'; titulo.style.color = '#fff'; titulo.style.fontSize = '48px'; titulo.textContent = 'Actividades Paranormales'; const texto = document.createElement('p'); texto.style.position = 'absolute'; texto.style.top = '60%'; texto.style.left = '50%'; texto.style.transform = 'translate(-50%, -50%)'; texto.style.color = '#fff'; texto.style.fontSize = '24px'; texto.textContent = 'Explora el mundo de lo desconocido'; // Agregar elementos al contenedor contenedor.appendChild(fondo); contenedor.appendChild(decoraciones); contenedor.appendChild(titulo); contenedor.appendChild(texto); // Agregar contenedor al documento document.body.appendChild(contenedor); } // Llamar a la función para crear la presentación crearPresentacion(); ``` Este código crea una página web con una imagen de fondo, decoraciones oscuras y un título y texto centrados en la pantalla. La imagen de fondo se utiliza como fondo del contenedor, y las decoraciones oscuras se utilizan para dar un efecto de sombra. El título y el texto se centran en la pantalla utilizando la propiedad `transform` y se colorean en blanco para que sean visibles sobre el fondo oscuro. Recuerda que debes reemplazar la URL de la imagen de fondo con la URL de la imagen que desees utilizar.

Javascript
Generate More

Want to kickstart your project?Use the new AI Studio to create your code