6 de setembro de 2023
Bloco zero em pop-up: Novo bloco na biblioteca T1093
Esse bloco transforma qualquer Zero Block em um pop-up. Encontre o modificador como o bloco Т1093 "Pop-up: Bloco zero em pop-up" na categoria "Other" (Outros) da biblioteca de blocos.
Por que usar o bloco de modificadores
Você deseja criar um pop-up personalizado e as soluções padrão da Biblioteca não são adequadas para você. Por exemplo, você deseja criar um menu dinâmico, uma dica de ferramenta personalizada que aparece ao clicar, um pop-up promocional e muitas outras coisas.
Como usar o bloco de modificadores T1093?
1
Adicione um bloco zero à página e crie o layout do pop-up.
2
Adicione o bloco do modificador T1093 da categoria "Other" (Outros) à página.
3
Na guia Content (Conteúdo) do bloco T1093, especifique o ID do bloco zero da primeira etapa. Especifique um link pop-up na mesma guia.
4
Pense em qual elemento da página pode ser usado como acionador para abrir o pop-up. Pode ser um botão ou texto em qualquer bloco. Para esse elemento, especifique o link do pop-up da etapa 3.
Se quiser que o pop-up seja aberto automaticamente logo após o carregamento da página, marque a caixa de seleção relevante na guia Settings (Configurações) do bloco. Na mesma guia, você pode personalizar a aparência do pop-up: Alinhamento, desfoque de fundo, recursos de animação , etc.
As configurações do bloco Т1093 "Pop-up: Bloqueio zero no pop-up" da categoria "Outros".
Dicas para aproveitar ao máximo o bloqueio
Ao projetar um cardápio personalizadoConsidere as seguintes configurações do bloco T1093:
Ao projetar um pop-upTalvez você queira verificar essas configurações:
- Selecione o posicionamento (a opção mais comum é o alinhamento superior);
- Oculte ou altere a cor do ícone de fechamento que fecha o menu.
- Se você não precisar da cor de fundo ou do efeito de desfoque, poderá remover os valores desses campos.
Ao projetar um pop-upTalvez você queira verificar essas configurações:
- Selecione uma cor de fundo escura nas configurações do bloco T1093;
- Especifique uma cor clara para o ícone de fechamento para que ele não se misture com o plano de fundo;
- Ajuste a largura e a altura do pop-up nas configurações do Zero Block.
Exemplos de uso do bloco
Confira alguns guias passo a passo sobre como adicionar um menu no site usando o bloco T1093. Você também pode incluir esses layouts em seu projeto: Basta criar uma nova página e adicioná-la usando seu ID de modelo.
Menu de tela cheia
Como recriar a animação
Abra as Configurações do bloco T1093 e defina os seguintes parâmetros:- Appear animation - Aparecer da direita
- Aparecer animação no celular - Aparecer do topo
- Animation easing - Quart: Ease In Out
- Velocidade de animação da aparência, segundos - 0,6
Menu em meia tela com efeito de desfoque
Como recriar a animação
Abra as Configurações do bloco T1093 e defina os seguintes parâmetros:- Desfoque de fundo - 10px
- Aparecer animação - Aparecer de cima para baixo
- Animação facilitada - Quart: Ease In Out
- Velocidade de animação da aparência, segundos - 0,5
Menu de segundo nível
Como recriar a animação
Abra as Configurações do bloco T1093 e defina os seguintes parâmetros:
Você pode importar o modelo de página com essa animação para o seu projeto usando o ID do modelo 39206715. Leia mais na Central de Ajuda.
Abra as Configurações do bloco T1093 e defina os seguintes parâmetros:
- Pop-up: Cor de fundo - #000000
- Pop-up: Opacidade do plano de fundo - 40%
- Aparecer animação - Aparecer de cima para baixo
- Animation easing - Quart: Facilidade de entrada e saída
- Velocidade de animação da aparência, segundos - 0,6
- Z-index - 9998 (o valor aqui deve ser menor do que o do menu principal)
Você pode importar o modelo de página com essa animação para o seu projeto usando o ID do modelo 39206715. Leia mais na Central de Ajuda.
Veja também
Agora você pode criar e editar elementos vetoriais no editor Zero Block do construtor de sites Tilda
Agora é mais fácil usar a paleta de cores e escolher a cor certa para seu site com mais rapidez
