🎨 Demostración de Efectos CSS - Script Ejemplo
Este es un script de ejemplo que demuestra las personalizaciones que realmente funcionan en GreasyFork.
📦 Cajas Básicas que SÍ Funcionan
Cajas con Colores Sólidos
Caja roja sólida - ✅ Funciona
Caja verde sólida - ✅ Funciona
Caja azul sólida - ✅ Funciona
Cajas con Bordes Decorativos
Caja con borde grueso rojo
Caja con borde punteado verde
Caja con borde punteado azul
🌈 Fondos con Transparencia
Fondos Semi-Transparentes
Fondo rojo con 30% de opacidad
Fondo verde con 50% de opacidad
Fondo azul con 70% de opacidad
📝 Texto con Estilos Básicos
Tamaños y Colores de Texto
Texto grande y rojo
Texto mediano azul e itálico
Texto verde subrayado
Fondos de Texto
Texto con fondo amarillo
Texto con fondo magenta
Texto con fondo cian
📋 Tablas Personalizadas
Tabla con Colores Alternados
| Encabezado 1 | Encabezado 2 | Encabezado 3 |
| Dato 1 | Dato 2 | Dato 3 |
| Dato 4 | Dato 5 | Dato 6 |
🎯 Elementos Destacados
Etiquetas HTML Básicas Estilizadas
Nota importante: Este es un blockquote con fondo amarillo claro y borde izquierdo amarillo.
✅ Éxito: Mensaje de éxito con fondo verde claro
❌ Error: Mensaje de error con fondo rojo claro
ℹ️ Información: Mensaje informativo con fondo azul claro
🔢 Listas Personalizadas
Lista con Fondo de Colores
- 🔴 Elemento rojo
- 🟢 Elemento verde
- 🔵 Elemento azul
- 🟡 Elemento amarillo
🎨 Combinaciones Creativas
💻 Terminal Style
$ ./script.sh --install
Installation completed successfully!
📘 Información del Script
Versión: 1.0.0
Autor: Tu nombre
Compatibilidad: Chrome, Firefox, Edge
🔥 Caja de Advertencia Especial
⚠️ ADVERTENCIA IMPORTANTE
- Este script modifica elementos de la página
- Úsalo bajo tu propia responsabilidad
- Lee la documentación antes de instalar
🎉 ¡Listo para usar!
Todos estos efectos funcionan perfectamente en GreasyFork