[TUTORIAL] Inserir Widget "Slide de Parceiros"
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1 • Compartilhe
[TUTORIAL] Inserir Widget "Slide de Parceiros"
![]() | Inserir Widget "Slide de Parceiros" |
Veremos neste tutorial como fazer um Widget com o efeito de slide para divulgação dos nossos parceiros, e oferecer uma melhor visualização, uma vez que o mesmo poderá ser totalmente personalizado por um administrador.
--> Tutoriais, Dicas e Astúcias <--
Inserir Widget "Slide de Parceiros"
Inserir Widget "Slide de Parceiros"
1º - Teremos de criar um widget personalizado, pois somente poderemos aplicar este método a widgets editáveis;
Esse widget personalizado poderá ser adicionado, tanto na página do Portal como no Fórum.
Para adicionar na página do Portal, deverá seguir nessa localização:
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal
Depois terá de escolher:
Estrutura -> Criar um widget personalizado
![]() | ![]() |
![]() | ![]() |
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos Widgets do Fórum
Criar um widget personalizado
2º - Teremos de criar o widget que suportará este código:
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Agora iremos adcionar o código no widget.
Para a configuração do slide
<div class="inner"><span class="corners-top"><span></span></span><div class="h3">Parceiros</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="50" width="180" height="300"><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
Vermelho: Nome do Widget.
Laranja: Velocidade do slide (quanto maior o número, menor a velocidade e vice-versa)
Verde: A propriedade width representa o valor da largura para a imagem.
(Se modificar, o banner poderá ser cortado)
Verde: A propriedade height representa o valor da altura para a imagem.
(Se modificar, o banner poderá ser cortado)
Para cada banner/parceiro
<a href="LINK DO FÓRUM PARCEIRO" class="postlink" target="_blank">
<img src="LINK DO BANNER DO PARCEIRO" border="0" alt="" /></a>
Vermelho: Link do fórum.
Laranaja: Link do banner de parceria do fórum.
Ao final do widget
</marquee>
</div>
<span class="corners-bottom"><span></span></span>
</div>
O código completo ficará assim:
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3">Últimos assuntos</div>
<div id="comments_scroll_div">
<marquee id="comments_scroll_container" direction="up" scrollamount="3" scrolldelay="50" width="180" height="300" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
<a href="http://www.ajuda.forumeiros.com" class="postlink" target="_blank">
<img src="https://2img.net/i/fa/banner/pt/banner5.png" border="0" alt="" /></a>
<a href="http://www.criarumblog.com/" class="postlink" target="_blank">
<img src="https://2img.net/i/bl/banner/en/banner5.png" border="0" alt="" /></a>
</marquee>
</div>
<span class="corners-bottom"><span></span></span>
</div>
4º - Agora teremos de colocar o widget criado, na estrutura do Portal / Fórum.
Para utilizar esse Widget Personalizado na página do Portal, assim:
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() ![]() |
![]() | ![]() |
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Resultado:
![[TUTORIAL] Inserir Widget "Slide de Parceiros" Kv5qib10](https://i.servimg.com/u/f38/18/76/69/60/kv5qib10.gif)
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Inserir Widget "Slide de Parceiros" |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Criar um widget de parceiros
» [TUTORIAL] Widget de parceiros deslizante no fim da página
» [TUTORIAL] Inserir Widget "Cliques rápidos"
» Widget de Parceiros
» Widget de parceiros
» [TUTORIAL] Widget de parceiros deslizante no fim da página
» [TUTORIAL] Inserir Widget "Cliques rápidos"
» Widget de Parceiros
» Widget de parceiros
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos