Atenção: este conteúdo trata-se de uma Edição Avançada, à qual a RD não oferece suporte ou prestação de serviço. Para trabalhar com edições avançadas, é necessário ter conhecimento em HTML, CSS e JavaScript.
A Edição Avançada é uma ferramenta que agrega flexibilidade às Landing Pages, onde o desenvolvedor terá autonomia para criar customizações que podem afetar os padrões de funcionamento da página.
Todos os códigos demonstrados neste conteúdo são apenas exemplos.
Alterar a cor de um componente quando o ponteiro do mouse estiver sobre um elemento
- Acesse sua conta RD Station Marketing;
- Clique no menu Converter > Landing Pages;
- Clique no nome da Landing Page que você deseja alterar;
- Clique no botão Editar Landing Page:
- Clique em Edição Avançada:
- Copie o código seletor do elemento que você deseja aplicar o efeito;
- Na aba CSS, insira o código seletor do elemento que você deseja inserir o efeito, conforme o exemplo abaixo:
#id-do-elemento:hover
{ background-color: #000000;
transition: 0.5s;
opacity: 0.7;
}
Para confirmar que o código foi aplicado corretamente, clique na opção Pré-visualizar. Não é possível visualizar a ação na tela de edição da Landing Page.
Este será o resultado:
Comentários
0 comentário
Artigo fechado para comentários.