Usando estilos de elementos - Construção - Documentos Carrd
Last updated on 7/5/2025@mrbirddev
Usando Estilos de Elementos
Normalmente, cada elemento precisa ser personalizado individualmente e de forma totalmente independente de outros elementos. Embora isso geralmente funcione bem, há momentos em que isso pode se tornar bastante tedioso (por exemplo, fazer a mesma pequena alteração em uma dúzia de elementos idênticos). Estilos de Elementos resolve isso permitindo que vários elementos sejam vinculados a um único conjunto de configurações (um estilo) que, quando alterado, também mudará a aparência (e, se aplicável, animações) de todos os elementos vinculados a esse estilo específico.
Criando um Estilo
- Clique no elemento que você gostaria de usar como base para um estilo.
- Clique em Aparência.
- Clique no menu suspenso de estilo no canto superior direito do painel de propriedades.
- Clique em Adicionar Estilo. Isso criará um novo estilo com base na aparência (e, se aplicável, animações) deste elemento, e automaticamente vinculará o elemento a ele.
- (Opcional) Clique no ícone Editar do novo estilo para renomeá-lo.
- Pronto! Um novo estilo foi criado e agora pode ser vinculado por outros elementos desse tipo.
Vinculando um Elemento a um Estilo
- Clique no elemento que você gostaria de vincular a um estilo.
- Clique em Aparência.
- Clique no menu suspenso de estilo no canto superior direito do painel de propriedades.
- Selecione o estilo que você gostaria de usar.
- Pronto! Este elemento agora estará vinculado ao estilo selecionado. Fazer alterações nas configurações de aparência ou animação deste ou de qualquer outro elemento vinculado a este estilo aplicará essas alterações a todos os elementos vinculados a este estilo.
Renomeando um Estilo
- Clique em um elemento do tipo do estilo.
- Clique em Aparência.
- Clique no menu suspenso de estilo no canto superior direito do painel de propriedades.
- Clique no ícone Editar do estilo e insira um novo nome.
- Pronto!
Excluindo um Estilo
- Clique em um elemento do tipo do estilo.
- Clique em Aparência.
- Clique no menu suspenso de estilo no canto superior direito do painel de propriedades.
- Clique no ícone de Excluir do estilo.
- Pronto! O estilo agora está excluído. Todos os elementos que estavam anteriormente vinculados a ele manterão sua aparência e configurações de animação atuais, mas agora podem ser alterados independentemente (ou vinculados a um estilo diferente).
Last updated on 7/5/2025@mrbirddev