Módulo de Guías Completo V2

[Dakosmu]

Módulo de Guías Completo V2

📚 Guía Rápida de Configuración del Index

1. CAMBIAR TEXTOS PRINCIPALES

Título Principal:
Buscar:

Código [Seleccionar] Expandir

Bienvenido a la Wiki DefinitivaUbicación: Línea ~652 (HTML) y línea ~925 (JavaScript)
Cambiar por:

Código [Seleccionar] Expandir

Tu texto personalizado
Subtítulo:
Buscar:

Código [Seleccionar] Expandir

El centro de conocimiento más avanzado del servidorUbicación: Línea ~659 (HTML) y línea ~932 (JavaScript)
Cambiar por:

Código [Seleccionar] Expandir

Tu descripción
Estadísticas:
Buscar:

Código [Seleccionar] Expandir

50+, 1000+, 24/7Ubicación: Líneas ~665, ~669, ~673 (HTML) y ~940-944 (JavaScript)
Cambiar por:

Código [Seleccionar] Expandir

Tus números
Labels de Stats:
Buscar:

Código [Seleccionar] Expandir

Guías, Jugadores, ActualizadoUbicación: Líneas ~666, ~670, ~674 (HTML) y ~941-945 (JavaScript)

2. CAMBIAR IMÁGENES

Logo:
Buscar:

Código [Seleccionar] Expandir

src="guias/assets/img/logo.png"Cambiar: Reemplaza logo.png por tu imagen
Tamaño recomendado: 150x150px

Banner:
Buscar:

Código [Seleccionar] Expandir

src="guias/assets/img/fondo.jpg"Cambiar: Reemplaza fondo.jpg por tu imagen
Tamaño recomendado: 1200x400px

3. AJUSTAR TAMAÑOS

Título más grande/pequeño:

Código [Seleccionar] Expandir

css.hero-title {
font-size: clamp(2.5rem, 5vw, 4rem); /* Cambiar estos valores */
}

Reducir cuadro hero:

Código [Seleccionar] Expandir

css.hero-section {
padding: 35px 0; /* Cambiar de 60px a 35px /
margin-bottom: 35px; / Cambiar de 50px a 35px */
}

Banner más bajo:

Código [Seleccionar] Expandir

css.main-banner {
height: 400px; /* Cambiar de 600px a 400px */
}


4. AÑADIR/QUITAR SECCIONES

En el JavaScript (línea ~821):

Código [Seleccionar] Expandir

javascript{
nombre: "🎮 Tu Nueva Sección",
carpeta: "tu-carpeta",
subtemas: [
{ titulo: "Tu Guía", archivo: "tu-archivo.html" }
]
}

Estructura de carpetas:

Código [Seleccionar] Expandir

guias/
└─── content/
└─── tu-carpeta/
└─── tu-archivo.html


5. CAMBIAR COLORES

En las variables CSS (línea ~12):

Código [Seleccionar] Expandir

css:root {
--primary-cyan: #00f0ff; /* Color principal /
--primary-blue: #0080ff; / Color secundario /
--accent-gold: #ffd700;  / Color dorado */
}


6. ESTRUCTURA DE ARCHIVOS NECESARIA

Código [Seleccionar] Expandir

/
├── index.html (tu archivo principal)
└── guias/
├── assets/
│   └── img/
│       ├── logo.png (tu logo)
│       └── fondo.jpg (tu banner)
└── content/
├── introduccion/
│   └── quees.html
├── subir-de-nivel/
│   └── 1_50.html
└── [otras carpetas]


7. PASOS RÁPIDOS PARA PERSONALIZAR

• Cambiar textos: Buscar y reemplazar en 2 lugares (HTML + JavaScript)
• Cambiar imágenes: Reemplazar archivos en
  
  Código [Seleccionar] Expandir
  guias/assets/img/
• Ajustar tamaños: Modificar valores de
  
  Código [Seleccionar] Expandir
  padding y
  
  Código [Seleccionar] Expandir
  font-size
• Añadir secciones: Agregar objetos en el array
  
  Código [Seleccionar] Expandir
  guias
• Crear contenido: Hacer archivos HTML en las carpetas correspondientes

Enlace de descarga:



descargar desde mega