Hydrus.gg
  • Português
    • Jogos
      • FiveM
        • Comandos
          • Créditos
          • vRP
          • QBCore
        • Criando comandos
        • Crédito personalizado
        • Framework personalizado
        • Créditos personalizados
        • Exports
          • add_credit
          • base64_decode
          • base64_encode
          • consume_credit
          • create_command
          • find_order
          • find_product
          • get_group_expiration
          • migrate_player_id
          • random_uuid
          • run
          • schedule
          • sql_insert
          • testdrive
        • Eventos
          • hydrus:vehicle-redeem
          • hydrus:system-notify
          • hydrus:vip-notify
          • hydrus:insert
          • hydrus:inserted
        • Configuração
      • RedM
        • VORP
      • Minecraft
      • Standalone
    • Webhooks
    • Variáveis
    • Layout próprio
    • Temas exclusivos
      • Premium
    • Fast Checkout
    • Bot do Discord
      • Hospedando o Bot
      • Comandos
    • API
      • Autenticação
      • Cupons
Powered by GitBook
On this page
  • Alterando o plano de fundo
  • Padrão
  • Cartão de Produto 1
  • Cartão de Produto 2
  • Cartão de Produto 3
  • Cartão de Produto 4
  1. Português
  2. Temas exclusivos

Premium

Esta página explica todos os modos de customização do layout premium.

PreviousTemas exclusivosNextFast Checkout

Last updated 8 months ago

Para aplicar as alterações demonstradas nesta página, você terá que adicionar um CSS personalizado em sua loja.

Esta configuração está disponível na área Dashboard > Layout

Para modificações mais avançadas que fogem do seu conhecimento, recomendamos a contratação de um profissional, nosso serviço de atendimento não possui conhecimento de CSS e portanto não será capaz de orientar na direção correta.

Alterando o plano de fundo

#background {
    background-color: #4c1d95;
}
#background {
    /* Plano de fundo com gradiente, trocando de cor aos poucos */
    background: linear-gradient(135deg, #4c1d95, #3b0764);
}

Padrão

:root {
  /* o campo radius pode variar entre 1 e 3
     cada um com um grau diferente de arredondamento
     1 = QUADRADO
     2 = LEVEMENTE REDONDO
     3 = REDONDO 
  */
  --radius: 1;
  
  --package-card: 2;
}

Cartão de Produto 1

:root {
  --package-card: 1;
}

Cartão de Produto 2

:root {
  --package-card: 2;
}

Cartão de Produto 3

:root {
  --package-card: 3;
}

Cartão de Produto 4

:root {
  --package-card: 4;
}