Tutoriais Web Acappella

Aprenda a usar efeito na entrada do texto e imagem no Web Acappella RC(5)

Fala pessoal, beleza? Hoje quero trazer uma novidade que a staff de desenvolvedores do Web Acappella acrescentou no programa. Para ser mais exato a partir da versão 1.5.8 do Web Acappella RC(5) vai ser possível acrescentar efeitos na entrada da ferramenta texto e da ferramenta imagem de forma nativa, digo nativa pois antes era possível fazer isso usando algum script externo ou até mesmo o Wacontrol porém, agora você pode usar esse recurso dentro do Web Acappella.

Antes de falar do recurso e como usá-lo preciso deixar aqui uma observação muito importante. Esse efeito é bacana, muda o padrão do site, dá movimento, sofisticação e etc, porém, é algo muito comum e usado há anos.  Por que estou falando isso? Por que o pessoal do Web Acappella demorou e muito para colocar algo tão elementar e necessário, espero que eles atualizem o programa com mudanças mais relevantes. Depois do desabafo rsrsrs vamos falar da novidade.

Vídeo demonstrativo

Nesse vídeo eu gravei meu navegador para exemplificar o efeito em funcionamento.

 

Você pode testar usando o próprio template que eu desenvolvi clicando no botão abaixo:

Ver template

 

Como você pode conferir no vídeo ou no próprio template o efeito valoriza e muito o projeto deixando tudo com movimento prendendo a atenção do usuário conduzindo-o  para uma jornada de conteúdo segundo seus objetivos. Vale alertar que se usar os efeitos de forma exagerada e sem sincronia você pode ter um efeito contrário, invés de impressionar você espanta seus visitantes.

Como usar em textos

1- Abra seu Web Acappella RC(5).

2- Use a ferramenta texto em alguma row.

3- Escreva seu texto e estilize da maneira que desejar. Lembrando que como a ferramenta texto permite a inserção de imagens você pode usar esse caminho para dar o efeito sem necessariamente usar a ferramenta imagens.

4- Para acionar o efeito basta ir no canto inferior direito que você vai encontrar a opção “Animation au chargement” desmarcada, basta marcá-la que as opções de escolher os efeitos serão liberadas. Na primeira opção você escolhe a categoria do efeito e na segunda o efeito em si.

Pronto!!! Agora sua ferramenta irá aparecer com efeito conforme você definiu. Para utilizar esse mesmo recurso na ferramenta imagem basta seguir os mesmos passos porém, usando a ferramenta imagem.

Então é isso pessoal, espero que ajude, qualquer dúvida basta deixar nos comentários.

13 Comentários
  1. carlos 6 anosatrás
    Responder

    Template show de bola

    • Vinícius Von Dentz 6 anosatrás
      Responder

      Em breve vamos disponibilizar para download.

  2. Jacqueline 6 anosatrás
    Responder

    Ola, gostaria de saber se ha como fazer esse efeito de uma foto sobre o slider assim como no site exemplo abaixo pelo webacapella RC
    http://soucaipiraxique.com.br/

  3. Rikey Maciel 5 anosatrás
    Responder

    Esse templaste ficou top, meu sonho, seria ideal pra o projeto que estou iniciando

    • Vinícius Von Dentz 5 anosatrás
      Responder

      Muito obrigado, nós em breve vamos ter um curso ensinando a fazer um igual.

  4. Carlos 5 anosatrás
    Responder

    Esse é o cara! Parabéns pelo trabalho Vinão

    • Vinícius Von Dentz 5 anosatrás
      Responder

      Obrigado amigo

  5. Jean Daniel 5 anosatrás
    Responder

    Ola amigo, meu web acapella 5 acredito que não tem este setor, classe Css personalizado
    poderia me ajudar, tenho que instalar algum plugin?

    • crysthian 5 anosatrás
      Responder

      Olá, tive o mesmo problema do css personalizado, descobri que era a versão desatualizada do WA, atualizei e pronto, uma dica, se você tem uma versão antiga registrada, não atualize pela página de update, baixe a versão 1.6 que já tem esse recurso e instale por cima da anterior (mesmo caminho) entendeu ? aí quando você abrir vai mostrar que não está registrada mas na prática funciona tudo. (sem marca dagua, paginas e sub paginas ikimitada) tudo de bom. Penei para achar isso mas está aí para quem quiser, comigo funcionou 100%, espero ter ajudado, abraço.

    • Vinícius Von Dentz 5 anosatrás
      Responder

      Olá, acredito que precise atualizar seu WA.

Deixe um comentário

Seu endereço de e-mail não será publicado.

você pode gostar