Painel
- Como utilizar a função paralaxe no painel?
- Como utilizar a função ocultar painel?
- Como ordenar os painéis do site
- Como utilizar a função panel divider no painel?
- Como inserir opacidade na imagem do painel?
- Como utilizar a função animação em loop?
Como utilizar a função paralaxe no painel?
O que é a função paralaxe em um painel?
Também conhecida como Efeito Parallax, essa função tem o objetivo de criar uma ilusão de ótica no painel do seu site, a ilusão decorre da configuração de movimento no background, que irá se movimentar em um ritmo mais lento que o primeiro plano, resultando em um efeito 3D a medida que os visitantes rolam pela página, dessa forma, é possível criar uma sensação de profundidade e uma experiência mais imersiva ao navegar pelo site.
Aprenda neste tutorial a como configurar essa técnica de web design em seus painéis no Construtor de Sites Builderall Builder de forma fácil e rápida.
Acompanhe no vídeo abaixo uma configuração exemplo do que iremos aprender neste tutorial
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito paralaxe:
Passo 2 - Localize a opção de "Paralaxe" no menu de configurações e selecione a caixa de "Ativo";
Após ativar o efeito paralaxe, escolha o tipo de efeito que deseja que ocorra ao passar pelo painel que está sendo configurado e a rapidez/velocidade que o efeito deve ocorrer (tempo considerado em segundos).
Há 5 tipos de efeitos diferentes:
• Rolagem: a imagem adicionada ao painel desce/rola para baixo no próprio painel à medida que o painel fica para trás ao descer para o próximo painel do site.
• Escala: aumenta a proporção da imagem à medida que o painel fica para trás ao descer para o próximo painel do site.
• Opacidade: aumenta a transparência/opacidade da imagem à medida que o painel fica para trás ao descer para o próximo painel do site.
• Opacidade de rolagem: mistura os efeitos de rolagem e opacidade.
• Opacidade de escala: mistura os efeitos de escala e opacidade.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis desejar com o efeito paralaxe e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall
Como utilizar a função ocultar painel?
O que é a função ocultar em um painel?
Com a função de ocultar painel do Construtor de Sites Builderall Builder é possível manter um ou mais painéis já configurados em sua página escondidos dos seus visitantes no primeiro acesso; após ocultar um painel, há duas opções de configuração para o mesmo ser revelado ao visitante: mediante ao tempo de acesso à página ou por uma ação/clique em um elemento do site que possui a opção de "definir link".
Aprenda neste tutorial a como configurar ambas as opções em seu site.
Ocultar painel por tempo:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Ocultar painel" no menu de configurações e selecione a opção de "Habilitar";
Após ativar o efeito de ocultar painel, escolha o tipo por tempo e adicione o valor de tempo que o painel deve ficar oculto (tempo considerado em minutos e em segundos).
Pronto! Salve a configuração na opção "Save", republique o site e teste a nova configuração do painel ocultado por tempo.
Ocultar painel por ação:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Ocultar painel" no menu de configurações e selecione a opção de "Habilitar";
Após ativar o efeito de ocultar painel, escolha o tipo por ação e adicione o nome do painel;
Dica! Escolha nomes fáceis para identificar o painel e facilitar os próximos passos!
Salve a configuração na opção "Save".
Como vincular o painel configurado a um elemento do site?
No Construtor de Sites Builderall Builder, é possível configurar ação nos elementos de botão, texto e imagem, escolha um dos três para realizar os próximos passos e indicar o painel oculto baseado na ação de clique em um desses elementos.
Passo 1 - Selecione no submenu do elemento a opção de "Definir link";
Passo 2 - Localize no menu lateral esquerdo do pop-up aberto a opção "Mostrar painel oculto";
Passo 3 - Selecione o painel configurado na opção "Selecione o painel para mostrar"; configure um texto que irá aparecer no botão ao ser selecionado (o texto configurado substitui o texto original configurado no botão) no campo "Insira o texto do botão ao mostrar o painel".
Passo 4 - Salve a configuração na opção "Selecione".
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis ocultos desejar e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall
Como ordenar os painéis do site
Facilite a construção do seu site no Construtor de Sites Builderall Builder e mova os painéis criados facilmente com a função "Mover painéis", organize e reorganize a disposição dos painéis em sua página como quiser de forma fácil e rápida. É possível mover os painéis do site por dois lugares distintos no construtor:
Mova os painéis do site através do menu superior:
Selecione o ícone para abrir a área de "Alterar ordem dos painéis", clique e arraste os painéis para alterar suas posições; clique no botão "Mover" para concluir a ação e alterar a ordem dos painéis.
Mova os painéis do site através do menu de configurações do painel:
Passo 1 - Acesse as configurações do painel em sua página do painel que deseja ocultar;
Passo 2 - Localize a opção de "Mover painéis" no menu de configurações; clique e arraste os painéis para alterar suas posições; clique no botão "Mover" para concluir a ação e alterar a ordem dos painéis.
Pronto! Finalizamos assim a configuração do nosso tutorial; mantenha seu site sempre organizado aproveitando da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall
Como utilizar a função panel divider no painel?
O que é a função panel divider em um painel?
Traduzido literalmente do inglês, a função "panel divider" é conhecida como divisor de painel, adicione efeitos animados ou estáticos entre os painéis da sua página e crie uma experiência úncia para os visitantes do seu site. Aprenda neste tutorial a como configurar essa técnica de web design em seus painéis no Construtor de Sites Builderall Builder de forma fácil e rápida.
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito de dividir painéis:
Passo 2 - Localize a opção de "Panel Divider" no menu de configurações e selecione a caixa de "Ativo";
Passo 3 - Após ativar o efeito de dividir painéis, escolha o estilo do divisor em "efeito", configure as cores do efeito e personalize o formato do efeito como desejar.
• Efeito: o Builderall Builder disponibiliza 18 modelos
diferentes de divisor de painéis.
• Cores do efeito: a quantidade de cores possíveis de serem editadas
varia com a quantidade de elementos de cada tipo de efeito.
• Personalizar formato: a opção de personalizar formato varia entre o
tipo de efeito escolhido, tanto no quesito disponibilidade, quanto na
quantidade de formas possíveis de serem editadas. Altere na opção a
altura de cada elemento do efeito escolhido.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos dividores de painéis desejar com o efeito panel divider e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall
Como inserir opacidade na imagem do painel?
Aprenda neste tutorial a como editar as imagens no Construtor de Sites Builderall Builder, adicione novas camadas e crie o efeito de opacidade nas imagens que serão inseridas nos painéis da página.
Passo 1 - Acesse as configurações do painel em sua página que deseja aplicar o efeito de dividir painéis;
Passo 2 - Localize a opção de "Configurações de Fundo" no menu de configurações e selecione o botão de "Trocar imagem";
Passo 3 - Escolha uma imagem do diretório de imagens da Builderall ou faça o upload de uma imagem própria;
Passo 4 - Após escolher uma imagem, coloque o mouse por cima da mesma; clique no ícone de "imagem" para acessar a área de edição da imagem;
Passo 5 - Selecione a opção de "filtros";
Passo 6 - Ative a opção "Tint"; configure a camada sobreposta como desejar para criar opacidade a imagem que será utilizada no painel; salve a configuração no botão "Salvar".
Após salvar a imagem, a mesma é criada como uma nova imagem, retorne ao diretório de imagem, selecione a nova imagem com opacidade e salve para adicionar ao painel.
Pronto! Finalizamos assim a configuração do nosso tutorial; crie diferentes imagens para os seus painéis e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall
Como utilizar a função animação em loop?
A função "Animação em loop" dentro das configurações do painel no Construtor de Sites Builderall Builder, configura automaticamente uma animação para todos os elementos adicionados no painel que a opção for habilitada, ou seja, ao ativar a opção, todos os elementos configurados no painel decorrem para o lado esquerdo repetidamente, imagens, textos, caixas, botões, independente do elemento, todos acompanham o mesmo efeito de animação. Aprenda neste tutorial a como ativar a opção mencionada nos painéis do seu site.
Acompanhe no vídeo abaixo a configuração que iremos aprender neste tutorial
Como habilitar a opção Animação em loop?
Passo 1 - Acesse as configurações do painel da página que deseja aplicar o efeito de animação em loop.
Passo 2 - Localize a opção de "Animação em loop no menu de configurações e selecione a caixa de "Habilitar".
Após habilitada a animação será aplicada automaticamente a todos os elementos do painel.
Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos paineis desejar com o efeito de animação em loop e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.
Avalie a nossa Central de Ajuda, sua opinião é importante para nós!
Equipe Builderall