| Estilização |
| Tipo de botão |
Define que tipo de botão você está adicionando. Suas escolhas são:
- Primário (padrão)
- Secundário(a)
- Somente link
Nota: Todas as propriedades e camadas de cor de fundo serão limpas ao mudar o tipo de botão.
|
| Tamanho do botão |
Define o tamanho do botão. Suas escolhas são:
- Extrapequeno
- Pequeno
- Médio (padrão)
- Grande
Nota: Todas as propriedades de tamanho do botão serão apagadas ao alterar os tamanhos do botão.
|
| Exibição |
Configure a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Selecione uma das seguintes opções:
- Parte superior e inferior (Padrão): A imagem aparece acima do outro componente.
- Lado a lado : A imagem aparece com o outro componente ao lado dela.
Nota: Para obter melhores resultados, defina a mesma exibição para os componentes. Por exemplo, se você tiver uma imagem e componentes de texto em uma coluna e quiser que a imagem apareça à esquerda e o texto apareça à direita, altere Exibição configurações de ambos os componentes para Lado a lado . |
| Estilo avançado |
| Cor do botão |
Mude a cor do seu botão.
- Insira o código de cor que representa a cor de fundo que você deseja exibir.
Nota: Todas as cores HTML são compatíveis. Para obter mais informações, consulte Nomes de cores HTML .
- Ou você pode selecionar o seletor de cores (quadrado cinza) à direita do Cor de fundo campo.
- Clique na paleta de cores exibida.
- Depois de selecionar uma cor na paleta de cores, use a barra deslizante no lado direito para ajustar sua cor.
- Deslize a barra para cima e para baixo.
- Use a barra deslizante inferior para clarear ou escurecer sua cor.
|
| Largura Altura |
Ajuste a largura e a altura de um botão selecionando-o e usando Largura e. Altura menus suspensos para inserir o número ou use as setas para cima e para baixo.Você também pode escolher a unidade de medida de sua preferência selecionando a tecla de seta única para baixo à esquerda das setas para cima e para baixo. As opções são:
- automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente.
- px: Use pixels como medida.
- %: Use uma porcentagem como sua medição.
|
| Margem |
Ajuste as margens ou o espaço fora e ao redor do botão. Use os menus suspensos em Margem para ajustar as margens nos lados superior, inferior, direito e esquerdo. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta única para baixo à esquerda das setas para cima e para baixo. |
| Borda |
Edite a borda ao redor da parte externa do botão.Nota: A borda é o contorno ao redor do botão.
Largura: Use as setas para cima e para baixo para ajustar a largura da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta única para baixo à esquerda das setas para cima e para baixo.
Estilo: O formato da borda ao redor do botão. Selecione o menu suspenso para selecionar o tipo de borda desejado ao redor do botão.
Cor: A cor da borda ao redor do botão. Selecione a cor do seu botão usando a paleta de cores e as barras deslizantes semelhantes a como você seleciona a cor de fundo. |
| Raio da borda |
Use as setas para cima e para baixo para ajustar o raio da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta única para baixo à esquerda das setas para cima e para baixo. |
| Nome da fonte |
Define a face da fonte usada para renderizar caracteres. Clique na seta suspensa para selecionar uma fonte diferente. |
| Tamanho da fonte |
Define o tamanho da fonte. |
| Peso da fonte |
Determina como o texto será exibido em negrito ou claro. Clique na seta suspensa para selecionar um peso diferente. |
| Altura da linha |
Define a distância vertical entre duas linhas de texto. |
| Cor da fonte |
Substitui a cor da fonte do tema do portal. Para selecionar uma cor, insira o código hexadecimal ou clique no seletor de cores (quadrado cinza à direita da cor da fonte) e selecione uma cor na paleta de cores. |
| Propriedades |
| Rótulo de botão |
Texto que aparece no botão. |
| Título |
Texto que aparece quando um usuário passa o mouse sobre o botão. |
| URL |
Local de uma página da Web ou conteúdo. Insira o endereço URL completo que você está segmentando quando um usuário seleciona o botão. |
| Meta |
Indica para onde o botão direciona o usuário. Suas escolhas são:
- Esta janela: Selecionar o botão abre o conteúdo na mesma janela exibida.
- Nova janela: Selecionar o botão abre o conteúdo em uma nova janela.
|
