O Scriptcase permite que o usuário personalize os botões criados ou a serem criados. Portanto, tornando a experiência de criação de temas ainda mais emocionante. Oferecendo também a opção de personalizar os temas originais do Scriptcase.

Siga o tutorial abaixo e descubra como é fácil criar novos botões para o seu tema.  
  
**1** - Para acessar o módulo de edição de botões, você deve acessar a barra de ferramentas superior: Layout > CSS dos Botões.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc289cc11ddb75e4603bf46c1be52bcccce)

1. Abrirá uma página na qual serão exibidos os esquemas que são padrão no Scriptcase.

**2** -  Para começar a criar seu novo esquema, clique em Novo.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc22fbe93fd9a1243f9817d431b07a2d0cf)

**3** - Após clicar em Novo, será exibida a página de edição do botão.  

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc2ace498d532f64167910c5c5a8d2af1a8)

  

- Na guia Estilos de botão, você poderá criar um CSS para seus esquemas de botões.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc2e3dca85482944cf7bff27a78430d4323)

- Depois de definir a configuração desejada, clique em Avançar, coloque um nome no CSS e salve.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc2fedf68927873429fa6a3f0fedceb6e35)

Usando os esquemas de botões

1. Depois de criar os esquemas de botões, é necessário incluí-los no seu projeto. Para fazer isso, siga o procedimento abaixo.

4 - Acesse o menu: Layout> CSS das Aplicações (Temas).

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc22b27319ca2b34222b4ad0e91a4a5dee4)

- 5 - To access the editing area click on “Save as”  

  ![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc24070b269efc247a5b6a4124cd845eb15)

    
  6 - Escolha o nome e modo para este novo tema, clique em salvar.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc27c06d3cf52d440b0a5454ba2b57cda8d)

7 - Cloque em Editar.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=l7wc2804e2140431243a0a0b87e5ba610fd56)

       8 - Clique na sub-aba Página e altere o botão CSS para o que você criou.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=2qey703f6d9577c114a578e7bba376edf2a76)