Efeito RollOver no Web Acappella RC


Inserindo objetos com efeito RollOver no Web Acappella RC

No tutorial de hoje vamos inserir um efeito RollOver bem bacana no WARC, para visualizar clique aqui.

O plugin é bem legal para apresentar produtos, serviços, músicos de uma banda entre outros diversos projetos.

Como aprendemos no tutorial anterior, é bem simples acrescentar esse plugin em seus projetos via campo HTML do Web Acappella RC.

O primeiro passo é editarmos os textos contidos no plugin, para isso, precisamos de um editor HTML do tipo: Notepad++, Dreamweaver entre outros.

Usamos o Code Writer do próprio Windows 10.

Depois de escolher o seu editor favorito, abra o arquivo nomeado como: “CÓDIGO PARA INSERIR EM CAMPO HTML NO WARC” presente nas pastas enviadas após o download.

Iremos editar apenas os textos, nada muito complicado, dessa forma:

Feito as alterações, precisamos agora inserir link no botão “saiba mais” de cada efeito.

Deixei uma frase para localização rápida “COLOQUE AQUI SEU LINK COM http://”, como mostra a imagem:

Para cada bloco de efeito existe um botão desse, então, coloque o link respectivo a função concedida a ele.

Agora precisamos editar nossas imagens, vamos até a pasta “img”, lembrando que é muito importante manter o mesmo nome e a mesma extensão, neste caso, “jpg”.

Depois de realizarmos todas as alterações, precisamos inserir todo o código dentro de um campo HTML no Web Acappella RC, dessa forma:

E agora a parte final, enviarmos todas as pastas para o servidor de hospedagem como “.zip”, em seguida, descompactar na mesma pasta onde está nosso site.

Você pode fazer isso de duas maneiras rápidas, via “Filezilla” ou pelo painel de hospedagem em “Gerenciamento de arquivos”.

Agora é só publicar o site para a mesma pasta onde os arquivos foram descompactador no servidor.

Para fazer o download dos arquivos, clique aqui.

Ficou com alguma dúvida? Deixe nos comentários abaixo.

Um abraço e até a próxima.

Previous Inserindo slider externo no Web Acappella RC
Next Efeito bacana para Web Acappella RC

1 Comment

  1. Max Branco
    Abril 23, 2018
    Responder

    Bom dia, gostaria de saber se tem como configurar o projeto do warc para abrir somente em mobile, ou seja, não abrir em PC e Notebook?
    Max Branco

Deixar um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *