https://github.com/avastroficial/bszvisualizador
Pagina donde puedes crear tu propio contador de visitas webs
https://github.com/avastroficial/bszvisualizador
bsz html-css-javascript js
Last synced: 3 months ago
JSON representation
Pagina donde puedes crear tu propio contador de visitas webs
- Host: GitHub
- URL: https://github.com/avastroficial/bszvisualizador
- Owner: AvastrOficial
- Created: 2024-10-16T20:42:21.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T20:57:07.000Z (8 months ago)
- Last Synced: 2025-03-30T10:13:52.881Z (3 months ago)
- Topics: bsz, html-css-javascript, js
- Language: JavaScript
- Homepage: https://appbsz.crearforo.net/h119-bszvisualizador
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BszVisualizador
El código HTML y JavaScript proporcionado es para una aplicación web que permite a los usuarios generar contadores de visualizaciones personalizados con opciones de configuración y visualización
# Interfaz de Usuario (HTML y CSS):
La página tiene un diseño amigable que incluye elementos como inputs, selects, botones y un área de visualización.
Los usuarios pueden ingresar datos como una URL o un nombre (nick), etiquetas personalizadas, un color para el contador, y una URL para un icono.
Los botones permiten cargar imágenes y generar el código HTML necesario para mostrar un contador de visualizaciones.
# Estilos (CSS):
El CSS define un estilo moderno y limpio, con bordes redondeados, sombreados suaves y colores bien combinados para crear una interfaz visualmente atractiva.
Los elementos tienen transiciones para que los cambios, como el foco en un campo de entrada, sean suaves.
# Funcionalidad (JavaScript):
Copia de código: El usuario puede generar el código HTML de un contador de visualizaciones y copiarlo al portapapeles para usarlo en otro lugar.
Carga de imágenes: Hay una función para permitir al usuario subir una imagen a través de un servicio externo (Catbox). Una vez subida, la URL de la imagen se coloca automáticamente en el campo correspondiente.
Generación de código HTML: La función generateCode crea el HTML necesario para mostrar el contador de visualizaciones, con la imagen de fondo generada por un servicio de contador y un icono superpuesto opcional. Si se proporciona una URL de redirección, el contador se comporta como un enlace.
Personalización de colores: Los usuarios pueden seleccionar diferentes colores para personalizar la apariencia del contador.
# Interactividad:
Los elementos de entrada están diseñados para ser fáciles de usar, y las funciones JavaScript se encargan de la carga de archivos, la actualización dinámica del color, y la generación del código sin necesidad de recargar la página.
El uso de un proxy CORS permite la subida de imágenes desde diferentes dominios sin problemas.
# En resumen :
la página es un generador que permite crear contadores de visualizaciones personalizados, con opciones para incluir etiquetas, colores y redirecciones. Además, facilita la carga y uso de imágenes, todo a través de una interfaz clara y sencilla.
# Fotos web :
