Neste artigo iremos abordar a instalação, configuração e utilização do plugin J2Top. Os alunos que frequentaram o curso presencial de Joomla!, mini-curso de joomla ou palestra proferida por minha pessoa, sabem que sou muito reservado ao uso indiscriminado de extensões de terceiros, pois penso que aumentam consideravelmente o risco de uma invasão no website.
Por este motivo busco instalar em meus projetos e projetos de clientes, extensões realmente necessárias e que possuam uma certa "imunidade" por conta de sua utilização pela comunidade.
O plugin J2Top auxilia na usabilidade do seu website, ao proporcionar que o internauta volte rapidamente ao "topo" do mesmo. Com instalação e configuração simples, penso ser um bom plugin para seu projeto e já estou utilizando no Joomla! Brasília.
Vamos ao tutorial passo a passo:
1) Baixe o plugin e proceda com a instalação normal via menu -> Extensões -> Instalar/Desinstalar
2) Plugin instalado vamos abrir o plugin para publicá-lo e efetuar as devidas configurações em menu->Extensões->Administrar Plugins
3) Configurações possíveis do plugin
* Text: define o texto que aparece no botão
* Text-size: define o tamanho da fonte do texto
* Text-color: define a cor do texto
* Text-color (hover): define a cor do texto, quando pairar com o mouse sobre o botão
* Width: a largura do botão
* Height: a altura do botão
* Padding: usar isto para mover o texto dentro do botão
* Position-right: distância da borda direita da janela
* Position-bottom: distância da borda inferior da janela
* Background-image: use uma imagem de fundo para o botão ou apenas texto
* Background-color: use uma cor de fundo (aparece por trás da imagem se utilizado)
* Background-image (hover): use uma imagem separada, quando pairar sobre o botão com o mouse
* Background-color (hover): use uma cor de fundo em separado quando a pairar sobre o botão
* Fade-duration: define o tempo em milissegundos que o botão precisa de fade in e out (1000 = 1 segundo)
* Fade-position: define a quantidade de pixels que você precisa para rolar para baixo o botão de fade in ou out
* Button transparency: definir uma transparência para o botão (1 = sem transparência, 0,5% = 50)
(*) faça seus testes, mude as configurações e veja o resultado.
4) Role a tela de seu website até o final e caso você não tenha alterado as configurações padrões o botão irá aparecer à direita e abaixo do seu monitor.
(*) clique no botão e além de rolar suavemente a tela para cima, o botão sumirá discretamente.
Sucesso!
