ZPROJECT

Thèmes

Par
Sören
v2.0.0

Les thèmes sont stockés dans le dossier themes/. Le thème par défaut est défini dans default.json.

Lors de la création d’un menu, transmettez le nom du thème souhaité :

lua
local menu = zUI.CreateMenu(
    "Titre",
    "Sous-titre",
    "Description",
    "default",
    nil,
    "F5",
    "Ouvrir le menu"
)

Structure générale

json
{
  "menu": {
    "displayBanner": true,
    "displayInformations": true,
    "displayControlsIndicator": true,
    "cornersRadius": 0.5,
    "perspective": true,
    "margin": false,
    "shadow": true,
    "hoverStyle": "liquid",
    "animations": {
      "entry": "zoomIn",
      "exit": "slideOutVertical",
      "onSwitch": true,
      "onScroll": true
    },
    "colors": {
      "primary": "#FF3837",
      "background": "rgba(18, 18, 18, 0.5)",
      "description": "#121212",
      "informations": "#121212",
      "controlsIndicator": "#121212",
      "itemSelected": "#FF3837",
      "banner": "#FF3837"
    },
    "font": "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap",
    "maxVisibleItems": 10
  },
  "info": {
    "cornerRadius": 0.5,
    "perspective": true,
    "shadow": true,
    "animations": {
      "entry": "zoomIn",
      "exit": "slideOutVertical"
    },
    "colors": {
      "primary": "#FF3837",
      "background": "rgba(18, 18, 18, 0.5)"
    },
    "font": "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
  }
}

Options principales du menu

  • displayBanner affiche ou masque la bannière.
  • displayInformations contrôle l’affichage des informations.
  • displayControlsIndicator affiche ou masque les indications de contrôle.
  • cornersRadius règle l’arrondi des angles.
  • perspective active ou désactive l’effet de perspective.
  • margin contrôle les marges visuelles.
  • shadow active ou désactive les ombres.
  • hoverStyle sélectionne l’effet appliqué à l’élément actif.
  • maxVisibleItems définit le nombre maximal d’éléments visibles simultanément.

Styles de survol disponibles

  • complete
  • rod
  • neon
  • border
  • modern
  • glowInset
  • twist
  • liquid

Animations disponibles

  • fadeIn et fadeOut
  • slideInHorizontal et slideOutHorizontal
  • slideInVertical et slideOutVertical
  • zoomIn et zoomOut
  • bounceIn et bounceOut

Note : créez un nouveau fichier JSON dans themes/ lorsque vous souhaitez conserver le thème par défaut intact.

← PrécédentChamps de saisie et rechercheSuivant →Navigation et fonctions utilitaires