Painel

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  Vector seta para baixo PNG clipart | PNG Mart

Gif-paralaxe.gif



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! 

Faça seu negócio decolar 🚀
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! 

Faça seu negócio decolar 🚀
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: 

A barra de menu no topo do construtor contém opções de configurações, visualizações e elementos, vamos analisar cada opção disponível individualmente:  

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.  

Gif-paineis.gif



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! 

Faça seu negócio decolar 🚀
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! 

Faça seu negócio decolar 🚀
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". 
Gif-opacidade.gif

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! 

Faça seu negócio decolar 🚀
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 Vector seta para baixo PNG clipart | PNG Mart

gif-animação.gif



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! 

Faça seu negócio decolar 🚀
Equipe Builderall