[TUTORIAL] Gerador de slides

O gerador de slides tem como objetivo facilitar a apresentação e demonstração de imagens em forma de slides no seu fórum. Este gerador, cria automaticamente de acordo com o preenchimento dos campos, um slide pessoal.

--> Tutoriais, dicas e astúcias <--
Gerador de slide

1º - As principais configurações:
Acessando a página do gerador no link a seguir, vamos mencionar os pontos na qual poderá usar para configurar o seu slide, sendo ele o tempo de execução e a velocidade da transição.

https://ajuda.forumeiros.com/h16-gerador-de-slides

Configuração da duração

Veja alguns detalhes dos campos e como preenchê-los para definir o tempo em que sua apresentação vai durar.

Duração
Duração do slide (milissegundos)	Determina o tempo em que a imagem do slide vai permanecer sem ser trocada pela próxima. Essa configuração é feita em milissegundos.
Duração da transição	Determina a quantidade em milissegundos em que o slide leva para mudar para o próximo. Ou seja, você pode definir o tempo que leva a transição dum slide para o outro.

Dimensões

Dimensões
Altura	Determina o valor em 'pixels" do tamanho do seu slide em termos de Altura.
Largura	Determina o valor em 'pixels" do tamanho do seu slide em termos de Largura.

2º - Criar o slide:
O gerador adiciona novos slides de acordo com suas necessidades, e com o recurso de editar você pode facilmente adicionar seu código no campo "Código do slide" e editá-lo sem precisar criar do início.

Link- Adicione a URL de um link para o local que vai ser direcionado ao clicar na imagem do slide.

Imagem - Este campo é destinado a receber uma URL da imagem do slide. A cada novo "slide" adicionado, a URL da imagem pode ser do tamanho que quiser, sendo ela proporcional ao tamanho definido nos campos "Dimensões".

Efeito "Tooltip" - Permite mostrar um efeito tooltip ao passar a seta do mouse em cima da determinada imagem do slide. Por exemplo, como se adicionássemos o seguinte código: Código: <img src="URL_DA_IMAGEM" title="Tooltip do campo aqui!" />

Deletar slide - Se criou um slide acidentalmente e deseja excluir, basta pressionar este botão que o último slide presente estará indisponível. Lembre-se de que a exclusão é irreversível.

Adicionar slide - Permite adicionar um novo slide.

Gerar código - Ao terminar seu slide e clicar neste botão, será possível copiar o código do gerador e fazer a aplicação no seu fórum.

Pré-visualizar - Permite visualizar o seu slide em uma janela POP-UP em tempo real.

Editar o código - Se tens um código pronto do mesmo gerador, ao colar seu código do slide no campo de edição do formulário, será possível carregar este botão e editar o formulário com os campos de texto.

3º - Locais para aplicação:
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado

Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.

Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".

Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.

Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.

Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

Feito isso, basta que o Widget seja arrastado para uma coluna no módulo correspondente para que o efeito seja aplicado.

Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.

Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.

Código HTML - Coloque aqui o código que trabalhamos no item anterior.

Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).


Feito isso, salve.

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Gerador de slides