Crea una skin para TS3MusicBot

De Nitradopedia ES
Saltar a: navegación, buscar

Con la actualización 3.9.5 de TS3MusicBot viene la posibilidad de crear tus propias skins.

¿Cómo funciona todo?

Con el sistema de skin, puedes sobrescribir todos los archivos (excepto .htm y .js) de la interfaz web original. El sistema de skin comprueba primero si una skin está colocada o no. Si se establece una skin, todos los archivos solicitados (imágenes y style.css en este caso) se envían primero desde la carpeta de skin. Si los archivos no existen en la carpeta de skins, se cargan desde la fuente original.


Paso a Paso

Creamos una nueva skin llamada 'prueba'. Para eso creamos una nueva carpeta llamada 'prueba' en el directorio: TS3MusicBot/skins/ Después de eso, creamos un nuevo archivo llamado versión en nuestra carpeta de skins que contiene lo siguiente:

0.0.1

Eso indica la versión de nuestra skin. El TS3MusicBot busca actualizaciones de la skin si el nombre se muestra en el "Explorador de skins" dentro de nuestra interfaz web. Si hay disponible una versión más reciente de una skin, TS3MusicBot muestra automáticamente una pista, de que la skin se ha actualizado.

Posteriormente, edita el archivo skin.conf (directory: TS3MusicBot/skins/) y activa el nombre de las skins:

skin=test

Esto también se puede configurar a través de la página de configuración del TS3MusicBot.

Ahora estamos listos para hacer una skin.


Esta debería ser nuestra estructura de carpetas: TS3MusicBot/skins/test/.

La original style.css se encuentra aquí: TS3MusicBot/skins/test/css/style.css

Si queremos sobrescribir ese archivo, también necesitamos tener uno en nuestra carpeta, así: TS3MusicBot/skins/test/css/style.css

Lo mismo se hará con las imágenes. Por ejemplo, si queremos cambiar a la imagen "SIN CUBIERTA/NO COVER" del jugador en el lado derecho.

El archivo original está aquí: TS3MusicBot/system/webinterface/images/no_cover.png Entonces nuestro archivo debería estar aquí: TS3MusicBot/skins/test/images/no_cover.png

Con esta nueva función se puede ajustar todo el aspecto de la interfaz web. Sus principales funciones permanecen intactas y pueden actualizarse y ampliarse en el futuro, sin destruir una skin.