Help Center > Customizations > Custom Theme Guide
Custom Theme Guide
You can also view this page in the following Languages
englishn.pngspanishg.png


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:

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:

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; }
Esto permitiría cargar las imágenes como tableview/bg-large.png


 
1 User(s) are reading this document (in the past 30 minutes)
0 members, 1 guests