Integração / HTML /JS / CSS
O WebAcappella Fusion permite a inclusão de códigos/scripts em vários níveis.
O WebAcappella FUSION é totalmente independente da biblioteca JQuery, o que facilita a integração de códigos de terceiros (ausência de conflitos).
Nos componentes
- Um componente HTML permite colocar um código em qualquer lugar da sua página.
- Em cada componente, você pode informar o nome de uma ou mais classes CSS. A definição dessas classes pode ser feita nas propriedades da página ou mesmo do site.
O seletor "mágico"
O seletor “mágico” .$ do WebAcappella facilita a escrita de regras CSS para seus elementos. Esse seletor será substituído automaticamente pelo seletor correspondente ao componente atual.
Exemplo em uma página publicada com WebAcappella e um componente de imagem: .$ { filter: sepia(1); } O resultado será a aplicação de um filtro "sépia" na sua imagem.
Nas páginas
- Em cada página, a seção propriedades - código HTML personalizado permite inserir código CSS/JS.
No site
- Na seção de propriedades gerais do site, a seção de código HTML personalizado permite inserir código CSS/JS. Cada código será automaticamente integrado em todas as páginas.
Utilização de arquivos nos seus códigos HTML
Você pode precisar usar arquivos em seus códigos HTML. Vamos usar como exemplo a integração de um arquivo de animação Lottie.
Uma animação Lottie é composta por, no mínimo, 2 elementos na página:
- O código do reprodutor Player Lottie A ser colocado no código HEAD da sua página ou mesmo no HEAD das propriedades gerais do site.
- O código da sua animação Lottie
Você poderá inserir, no lugar do texto URL, o arquivo JSON correspondente à animação de sua escolha.
Você encontrará animações, entre outras coisas, no site:
O resultado será um código semelhante a este: