Todos os elementos de uma página têm o mesmo tipo de painel de definições. Depois de perceber como funciona, consegue dar estilo a qualquer elemento.
Abrir as definições de um elemento
Clique no elemento na página. O painel dele abre à esquerda com até quatro separadores, mostrados como ícones:
- Conteúdo: o que o elemento diz ou mostra, como a imagem, o vídeo ou a ação do botão.
- Estilos: o aspeto: tamanho, cores, contorno, forma e alinhamento.
- Definições: como se comporta.
- Efeitos: animações e efeitos visuais. Consulte Animações, confetes e outros efeitos.
Um elemento só mostra os separadores que usa. Os textos, os títulos e os espaçadores não têm painel: edita-os diretamente na página.
A barra de ferramentas do elemento
Aparece uma pequena barra de ferramentas ao lado do elemento selecionado:
- Selecionar secção (ou Selecionar cabeçalho / Selecionar rodapé) seleciona a secção onde o elemento está.
- Mover elemento permite arrastá-lo, ou premir Shift+↑ e Shift+↓.
- Duplicar elemento faz uma cópia (Ctrl/Cmd+D).
- Eliminar elemento remove-o. Os jogos, formulários, calendários e gráficos interativos pedem-lhe confirmação. Mantenha Alt premido e prima Delete para saltar a pergunta, quando isso é permitido.
Prima Tab e Shift+Tab para selecionar o elemento seguinte ou anterior.
Controlos de estilo comuns
- Tamanho: escolha Pequeno, Médio ou Grande, ou clique nos três pontos para definir a Largura e a Altura à sua maneira. Os botões podem ajustar ao texto, para crescerem com a etiqueta.
- Forma: Quadrado, Redondo, Pílula ou um raio de canto personalizado.
- Contorno: Nenhum, Sólido, Duplo, Pontilhado, Tracejado ou Ranhura, com uma largura e uma cor.
- Cor: escolha uma cor ou escreva um código hex. As suas Cores utilizadas recentemente aparecem no seletor.
- Fundo: uma Cor, uma Imagem (com Posicionamento: Em cima, Centro ou Em baixo) ou, nas páginas, um Vídeo do YouTube, do Vimeo ou um ficheiro seu.
- Alinhamento: Esquerda, Centro ou Direita, ou uma grelha de 3 × 3 para elementos que podem ficar num canto.
- Espaçamento: o espaço entre as partes de um elemento.
- Sombra: ative-a e defina a cor, o desfoque e a posição.
O kit de design e os seus próprios estilos
A maioria dos elementos usa o seu kit de design até os alterar. Depois de alterar o estilo de um botão, aparecem dois botões no separador Estilos:
- Limpar estilos repõe o elemento de acordo com o kit de design.
- Aplicar a todos guarda as suas alterações no kit de design, para que todos os botões as sigam.
Alterações só para telemóvel e tablet
Mude para Telemóvel ou Tablet por cima da página e altere uma definição: a alteração só se aplica a esse tamanho de ecrã. Aparece uma pequena seta de anular ao lado das definições que diferem do computador. Clique nela para voltar a usar o valor do computador.
Complementos
Muitos elementos têm funcionalidades extra, chamadas complementos. Clique no botão dos complementos (dica Extensões avançadas) no painel para os ver, por exemplo Complementos de botão ou Complementos de formulário. Cada complemento tem uma descrição curta e um interruptor. Alguns complementos têm as suas próprias Definições: clique na roda dentada para as abrir. Os complementos ativados aparecem listados no painel, para ver de relance o que está ligado.