Os templates da família Brine usam um efeito visual especial nas imagens de cabeçalho chamada de rolagem parallax. A rolagem parallax é uma imagem de fundo movendo-se mais lentamente do que o conteúdo em primeiro plano, criando uma ilusão de profundidade e imersão.
A versão 7.1 não aceita a rolagem parallax.
Veja um exemplo de rolagem parallax no template Burke:
Antes de começar
- Para saber se seu template aceita rolagem parallax, veja nossa lista de templates da família Brine.
- A rolagem parallax ativada afeta todos os banners em seu site.
- A rolagem parallax funciona em dispositivos móveis.
- A família Marquee descontinuada também aceita rolagem parallax. Para saber mais, acesse o Guia de templates Marquee.
Páginas aceitas
A rolagem parallax está disponível em páginas que aceitam banners:
- Páginas Índice (imagens de fundo atrás das seções da Páginas de Layout)
- Páginas de Layout
- Páginas de produtos
- Páginas de Eventos
- Páginas de Álbum
- Páginas do Blog
- Páginas de Galeria
Ative ou desative a rolagem parallax
Se os banners em seu site não mostrarem o efeito da rolagem parallax, ative-o no Estilo do Site da família Brine:
- No Menu Inicial, clique em Design e depois em Estilos do Site.
- Role para baixo até a seção Principal: Sobreposição.
- Marque Ativar Parallax.
- Você também pode marcar Recorte inteligente Parallax para minimizar os recortes.
- Clique em Salvar.
Para desativar a rolagem parallax em seu site, siga os mesmos steps, mas desmarque Ativar Parallax.
Adicione miniaturas
Para criar o efeito parallax, adicione uma imagem em miniatura à sua página ou seção:
- Miniaturas adicionadas a uma página criam um banner
- Miniaturas adicionadas às seções de conteúdo do Índice criam uma imagem de fundo.
Se você não vir o efeito parallax, verifique se ele está ativado.
Aumente o efeito
Existem várias maneiras de aumentar o efeito da rolagem parallax.
Misture conteúdo
Misture imagens de rolagem parallax com conteúdo e imagens que não fazem rolagem parallax. O conteúdo em movimento mais rápido aparece deslizando sobre as imagens parallax.
Por exemplo: em um Índice, você pode misturar seções de conteúdo de rolagem parallax com seções de Índice da galeria sem parallax; ou com seções de conteúdo sem imagem de fundo.
Adicione conteúdo de sobreposição
Outra maneira de aprimorar a rolagem parallax é adicionar texto, botões ou outro conteúdo à imagem como uma sobreposição. Esse conteúdo faz rolagem na mesma velocidade que o resto da página, e mais rápido do que a imagem. Na família Brine, use blocos para adicionar esse conteúdo:
- Banners - adicione conteúdo à área de introdução.
- Seções de Páginas Índice - adicione conteúdo à área de conteúdo da página.
Adicione um filtro de cores
Você pode adicionar um filtro de cor a todos os banners em seu site usando Cor de Sobreposição na seção Principal: Sobreposição em Estilos do Site.
Recortar
Para entender como o recorte afeta as imagens parallax, pense no seu site como um pedaço de papel com um orifício retangular cortado. A imagem parallax é uma camada separada por baixo, visível somente pelo orifício no papel.
Para que o papel faça uma rolagem mais rápida do que a imagem, a imagem precisa ser mais alta do que o orifício. O espaço extra na parte superior e inferior da imagem é o que será revelado à medida que você move o papel para cima e para baixo.
Por causa disso, recortes e alterações no ponto focal podem não ter um impacto notável na posição de uma imagem de rolagem parallax. Seu site foi projetado para garantir que a imagem tenha margens nos lados para que o efeito parallax possa ser exibido.
Dica: marque Recorte inteligente parallax em Estilos do Site para minimizar o recorte à esquerda e à direita.
Problemas com a rolagem
Se houver problemas com a rolagem com o parallax ativado, talvez seja necessário reduzir o tamanho da página. Os browsers são lentos para carregar páginas com rolagem parallax, principalmente páginas com 15 MB ou mais. Se a rolagem ainda estiver ruim, ou se você não quiser reduzir o tamanho da página, considere desativar o parallax.