Custom Theme Guide
You can also view this page in the following Languages
If you have any questions on this guide please post them at the Client Theme Forum
Once you are done making your custom theme, upload theme to Voobly! Read more with the Step-by-step guide for uploading a mod.
Contents:
|
English
Introduction
This guide is incomplete please read Client Theme Forum for guides there.
Resolution Groups
Resolution groups allow you to have different background images for resolution ranges.
In the theme.ini you need to add a resolution group section like the following. You must sort the list and put the smaller resolutions earlier in the list.
Code:
[ResolutionGroups]
0x0=0
1280x1024=1
2560x1600=2
The group id assigned is the highest group where the users screen width and height is higher than the one listed before '='. The group id is the text after '='. The algorithm starts at the top and goes downward, so by putting smaller resolutions at the top it may end up using that entry often.
You can make the group id value be more than just a number, e.g.: you could put the resolution as the group id.
To use it in css, you can reference %resgroup% which will be substituted w/ the group id.
Code:
CLobby
{
background-image: url(%theme%/tableview/bg%resgroup%.png);
background-color: #0269b8;
background-repeat: no-repeat;
}
In this example:
- 800x600 match is 800x600 it would load %theme%/tableview/bg0.png
- 1280x900 match is 800x600 it would load %theme%/tableview/bg0.png
- 1280x1024 match is 1280x1024 it would load %theme%/tableview/bg1.png
- 1920x1024 match is 1280x1024 it would load %theme%/tableview/bg1.png
- 3840x2560 match is 2560x1600 it would load %theme%/tableview/bg2.png
You can add as many different resolution groups as you want.
Example 2
The group ID, can be any text, doesn't have to be a number.
Code:
[ResolutionGroups]
0x0=small
1280x1024=medium
2560x1600=large
Code:
CLobby
{
background-image: url(%theme%/tableview/bg-%resgroup%.png);
background-color: #0269b8;
background-repeat: no-repeat;
}
This would load images like tableview/bg-large.png
Spanish
Guía de Tema Personalizado
Si usted tiene cualquier pregunta sobre esta guía, por favor envíanos un mensaje a Client Theme Forum
Una vez que se haya terminado de hacer el tema personalizado, cargar temas en voobly! Leer más: Step-by-step guide for uploading a mod.
Introducción
Esta guía está incompleta, por favor lea Client Theme Forum para los guías.
Resolución grupos
"Resolución grupos" le permite tener diferentes imágenes de fondo para su resolución.
En el archivo "theme.ini" tiene que agregar un grupo de resolución sección como la siguiente, debe ordenar la lista y poner la menor las resoluciones anteriores de la lista.
Code:
[ResolutionGroups]
0x0=0
1280x1024=1
2560x1600=2
El id de grupo asignado es el grupo más alto donde el ancho de pantalla de los usuarios y la altura es superior a la que aparece en la lista anterior '='. El id de trupo es el texto despues de '='.
El algoritmo se inicia en la parte superior y va hacia abajo, de modo que en las resoluciones más pequeñas que en la parte superior se puede acabar con esa entrada a menudo. Puede hacer que el valor de id de grupo es algo más que un número, por ejemplo: puede poner la resolución como id de grupo
Para utilozarlo en css, sepuede hacer referencia a %resgroup% que será sustituido por el id de grupo.
Code:
CLobby
{
background-image: url(%theme%/tableview/bg%resgroup%.png);
background-color: #0269b8;
background-repeat: no-repeat;
}
En este ejemplo:
- 800x600 match is 800x600 it would load %theme%/tableview/bg0.png
- 1280x900 match is 800x600 it would load %theme%/tableview/bg0.png
- 1280x1024 match is 1280x1024 it would load %theme%/tableview/bg1.png
- 1920x1024 match is 1280x1024 it would load %theme%/tableview/bg1.png
- 3840x2560 match is 2560x1600 it would load %theme%/tableview/bg2.png
Puede agregar tantas diferentes resolución grupos como desee.
Ejemplo 2
El id de grupo, puede ser cualquier texto, no tiene que ser un número.
Code:
[ResolutionGroups]
0x0=small
1280x1024=medium
2560x1600=large
Code:
CLobby
{
background-image: url(%theme%/tableview/bg-%resgroup%.png);
background-color: #0269b8;
background-repeat: no-repeat;
}
  |
1 User(s) are reading this document (in the past 30 minutes)
0 members, 1 guests
0 members, 1 guests
What's popular right now:
Word Association (94 users)
Photos of Voobly Players (38 users)
New Voobly Client 2.7 (36 users)
CBA PathBlood 1.8.0 (33 users)
TIW 2020 Map votes (32 users)
1.6 reward campaing (30 users)
AoKTS updates (30 users)
Most active threads in past week:
Torneo 1v1 HUMAITA / HUMAITA 1... (34 posts)
🌟 Let's Restart Custom Scenar... (22 posts)
If there is chance to advertise ... (8 posts)
Which AI can play DE Islands cus... (6 posts)
Voobly Rouge Spear on Mac (4 posts)
AOM Error "Unsupported Grap... (4 posts)
Hero Tourney Match Schedules (3 posts)