O elemento Social possibilita de forma fácil que você compartilhe nas suas páginas acesso ao conteúdo que você divulga nas principais redes sociais, como: Facebook, Youtube, Instagram, Twitter, TikTok e Linkedin.
Em caso de dúvidas sobre como adicionar o elemento Social em suas páginas, acesse nosso tutorial sobre como funcionam as configurações gerais de elementos no link abaixo:
Acesse a engrenagem do elemento para disponibilizar as possibilidades de configuração que veremos nesse tutorial.
Ajustes
· Visibilidade
Nas configurações de ajustes é possível configurar a visibilidade do elemento. Clicando no ícone que representa cada versão “Desktop | Tablet | Mobile” é possível ocultar ou mostrar o elemento em cada um desses dispositivos. Para voltar a mostrar o elemento que foi ocultado, basta clicar novamente no ícone do dispositivo desejado.
· Posição
Nas configurações de posição é possível configurar a posição (esquerda, centro, direita) do elemento ao clicar nos ícones que representam as posições.
· Margem (topo)
Nas configurações de margem é possível ajustar inserindo um valor manualmente na caixa representada pelo número ou ajustando a barra conforme desejado.
· Configuração Das Redes Sociais
Para disponibilizar o acesso a sua rede social, ative a chave que representa a rede social que deseja compartilhar em sua página, inserindo também a respectiva URL do seu perfil na rede social escolhida no campo que a representa.
No local onde inseriu o elemento ‘Social’ será apresentado o logo que representa a rede social selecionada, para que ao clicar seja direcionado para a URL compartilhada. Para desativar o acesso a rede social em sua página, clique novamente na chave que representa a rede social.
Estilo
· Cor > É possível configurar a cor que representa os logos das redes sociais utilizando a paleta de cores ou inserindo o código HEX da cor desejada. Para apagar uma cor, clique no ícone de lixeira dentro do campo ‘cor’.
Avançado
· Efeitos de movimento – Animação
Nas configurações avançadas é possível configurar efeitos de movimento/animação no elemento. Basta selecionar um dos efeitos da lista, conforme desejado. Para excluir uma animação clique no ícone em formato de lixeira a frente do nome da animação.
Quando uma animação é selecionada será disponibilizado a possiblidade de configurar algumas ações relacionado ao comportamento da animação, conforme abaixo:
Comportamento:
- Uma vez > o efeito de animação será apresentado apenas uma vez.
- Infinito > o efeito de animação irá ser apresentado enquanto o usuário estiver na página (loop).
Ativação:
- Animação de entrada > ao acessar a página o elemento começará a ter o efeito de animação selecionado.
- Ao passar o mouse > A animação só acontecerá quando o cursor do mouse passar pelo elemento.
Duração: É possível configurar a velocidade da animação entre “normal”, “devagar” ou “rápido”.
Atraso: É possível configurar um atraso no elemento, ou seja, a imagem irá aparecer na tela após o tempo de atraso configurado. Valores até 1000 segundos podem ser inseridos na caixa representada pelo número ou através das setas < >.
· CSS Classes
Nas configurações avançadas é possível configurar CSS para a imagem. O recurso é útil para ativar recursos de estilo através de código utilizando o elemento de Script.
É necessário inserir um nome para o CSS no campo “Insira ou Selecione” e através do elemento de Script utilizar essa referência de nome inserindo o código relacionado ao CSS Classes que deseja aplicar.
Para mais detalhes sobre o CSS Classes, acesse nosso tutorial dedicado a esse recurso no link a seguir:
https://help.rockfunnels.com/pt-BR/articles/6891608-como-funciona-a-configuracao-css-classes-no-rockfunnels
