--- title: "Como funcionam as definições dos elementos" description: "Os separadores Conteúdo, Estilos, Definições e Efeitos, tamanhos, formas, contornos, cores e fundos, alterações para telemóvel e complementos." url: https://scratcher.io/pt/help/elements/element-settings-basics language: pt --- 1. [Centro de ajuda](https://scratcher.io/pt/help) 2. [Elementos e design](https://scratcher.io/pt/help/elements) 3. Como funcionam as definições dos elementos # Como funcionam as definições dos elementos Os separadores Conteúdo, Estilos, Definições e Efeitos, tamanhos, formas, contornos, cores e fundos, alterações para telemóvel e complementos. 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](https://scratcher.io/pt/help/campaigns/animations-and-effects). 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](https://scratcher.io/pt/help/campaigns/design-kit) 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. Elementos e design - [Como funcionam as definições dos elementos](https://scratcher.io/pt/help/elements/element-settings-basics) - [Edite textos e títulos](https://scratcher.io/pt/help/elements/text-and-headings) - [Botões e ações de clique](https://scratcher.io/pt/help/elements/buttons-and-click-actions) - [Imagens, logótipos, vídeo e tipos de letra](https://scratcher.io/pt/help/elements/images-video-and-fonts) - [Secções, colunas, divisores e espaçadores](https://scratcher.io/pt/help/elements/sections-columns-and-layout) - [Definições da página, fundos e páginas pop-up](https://scratcher.io/pt/help/elements/page-settings-and-backgrounds) - [Elementos de contagem decrescente, redes sociais, partilha e menu](https://scratcher.io/pt/help/elements/countdown-social-share-and-menu) - [Gráficos interativos com pontos clicáveis](https://scratcher.io/pt/help/elements/interactive-graphic) - [Aviso de cookies, código personalizado e outros complementos da campanha](https://scratcher.io/pt/help/elements/cookie-notice-and-custom-code) - [Guarde e reutilize modelos](https://scratcher.io/pt/help/elements/templates-and-reuse) ## Artigos relacionados - [Edite textos e títulos](https://scratcher.io/pt/help/elements/text-and-headings): Escreva na página e use a barra de ferramentas do texto para tipos de letra, tamanhos, cores, espaçamento entre linhas, ligações, emojis, etiquetas dinâmicas e IA. - [Botões e ações de clique](https://scratcher.io/pt/help/elements/buttons-and-click-actions): Escolha o que acontece quando as pessoas clicam num botão ou numa imagem: página seguinte, uma ligação, jogar, submeter, partilhar, transferir e mais. - [Aplique a sua marca com o kit de design](https://scratcher.io/pt/help/campaigns/design-kit): Defina uma vez as cores, os tipos de letra, o logótipo e o estilo dos botões, e todas as páginas da campanha seguem essas escolhas. ## Ainda precisa de ajuda? Há pessoas reais prontas para ajudar. Se já usa o Scratcher, o mais rápido é o chat dentro da plataforma. - **[Fale connosco no chat](https://platform.scratcher.io/login)** Inicie sessão e clique no botão de chat no canto inferior direito. O Rex responde de imediato e a nossa equipa está à distância de um clique. - **[Marque uma reunião](https://scratcher.io/pt/book-a-meeting)** Uma videochamada gratuita de 30 minutos com a nossa equipa: uma demonstração, ideias de campanhas ou ajuda com a sua configuração. - **[Envie-nos um e-mail](mailto:contact@scratcher.io)** Escreva para contact@scratcher.io e entraremos em contacto consigo.