Widget rolante

Qual é sua questão:
Como fazer um Widget rolante com imagens ?

Olá!

Código:

<marquee>AQUI O CODIGO HTML</marquee>

AQUI O CODIGO HTML = Coloque o codigo HTML das imagens.

Até mais.
Luciano98.

Ok amigo eu marco onde , dentro do conteudo dos Widgets?

EDU2010 escreveu:Ok amigo eu marco onde , dentro do conteudo dos Widgets?

No meio daquele código, você coloca o conteúdo do Widget, então salve o código no Widget.

Até mais.
Luciano98.

Ok amigo fiz isso nao deu certo !!!


http://passarinhos.forumeiros.com/forum

Veja em PARCEIROS !!

Leia o Tutorial:
https://ajuda.forumeiros.com/t37586-tutorial-inserir-widget-slide-de-parceiros#239967

Resolveu?

Olá EDU2010,

Provávelmente existerá um código em conflito mas, experimente remover todo o seu conteudo da widget em questão e, utilize somente esse:

Código:

<marquee direction="down">
<a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" border="0" /><img src="http://i75.servimg.com/u/f75/15/95/44/80/n205110.jpg" border="0" />
<span style="color:#royalblue; font-size:3px; font:bold;">Linha completa<br/>Clique aqui.</span></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="hhttp://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" border="0" /></a></marquee>

Por favor, informe-nos do resultado

Att, Needke

Needke bom dia !!!

Vi que vc montou tudo ai pegando os dados lá.
Copiei apaguei tudo e inseri como vc fez realmente não funciono se puder tentar ver de novo o que deu de errado agradeço!!!

Percebi que o tamanho da imagem esta maior que o espaço sera que este pde ser o problema..

veja
https://i.servimg.com/u/f65/15/95/44/80/cab110.jpg

Olá EDU2010,

Testei o seguinte código e funcionou:

Código:

<marquee  behavior="scroll" direction="up"> <a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" border="0" /><img src="http://i75.servimg.com/u/f75/15/95/44/80/n205110.jpg" border="0" />
<span style="color:#royalblue; font-size:3px; font:bold;">Linha completa<br/>Clique aqui.</span></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="hhttp://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" border="0" /></a></marquee>

Caso deseje outro código com a rolagem a parar quando o cursor está por cima insira este:

Código:

<marquee onmouseover="stop()" onmouseout="start()" behavior="scroll" direction="up"> <a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" border="0" /><img src="http://i75.servimg.com/u/f75/15/95/44/80/n205110.jpg" border="0" />
<span style="color:#royalblue; font-size:3px; font:bold;">Linha completa<br/>Clique aqui.</span></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="hhttp://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" border="0" /></a></marquee>

Até mais.

Ola Joãopedro bom dia!!

Testei os dois até estão la mais não roda, vc testou e funcionou certo o que sera esta errado então ?

olha la embaixo pra vc ver como ficou fica aparecendo o codigo todo lá!!!

http://passarinhos.forumeiros.com/forum

@Edit
Ola de novo João Pedro as imagens ficaram maior que o quadro esta funcionando mais estao maior!!

Olá de novo,

Já experimentou adicionar-lhes as propriedades "width" e "height"?

Até mais.

Ola novamente como faço para ficar mais lento ja esta rolando ..

So que os dois primeiros rodam a ultima imagem nao roda pq:

Olá de novo,

Experimente assim:

Código:

<marquee  behavior="scroll" direction="up"> <a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="hhttp://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" width="120" height="60" border="0" /></a></marquee>

Até mais.

Ok amigo esta rolando e como altero a velocidade .

Até

Olá novamente,

Experimente assim:

Código:

<marquee  behavior="scroll" direction="up" scrolldelay="100"> <a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="hhttp://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" width="120" height="60" border="0" /></a></marquee>

Para diminuir a velocidade terá de aumentar o valor de "delay".

Até mais.

Ola novamente esta ultima imagem do codigo nao aparece , so aprecem duas as primeias parece nao ter espaço no Widget de uma olhada como ficou ate aqui e pq a terceira nao aparece..

http://passarinhos.forumeiros.com/forum

Olá de novo,

Veja agora:

Código:

<marquee  behavior="scroll" direction="up" scrolldelay="100"> <a href="http://www.gaiolasbuava.com/index.php" target="_blank"><img src="http://i75.servimg.com/u/f75/15/95/44/80/topo12.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.nobico.com/loja/" target="_blank"><img src="http://1.bp.blogspot.com/_iu2DEDmCsvc/TRvAR4PE66I/AAAAAAAABC8/YTaQofeNYOM/S1600-R/banner%2BTrinca-ferro.jpg" width="120" height="60" border="0" /></a>

<a href="http://www.cantoefibra.com.br/index.htm" target="_blank"><img src="http://i65.servimg.com/u/f65/15/95/44/80/cab110.jpg" width="120" height="60" border="0" /></a></marquee>

Até mais.

Ok funciono perfeito mais as imagens ficaram menor de uma olhada esta com nome de teste teste ..

http://passarinhos.forumeiros.com/forum

Olá de novo,

Experimente alterar os tais valores que referi acima e que já acrescentei ao código anteriormente: height e width.

Até mais.

E como altero eles ?

Ola novamente quando altero os valores o ultimo some de novo e aparece so os dois primeiros , parece que o espaço ou tempo nao suportam !

Olá novamente,

Qual é o tamanho que deseja para os banners?

Até mais.

Sao estes os tres banners

https://i.servimg.com/u/f68/15/98/91/46/topo1211.jpg
https://i.servimg.com/u/f68/15/98/91/46/banner13.jpg
https://i.servimg.com/u/f68/15/98/91/46/cab11011.jpg

Até

Poderá somente informar-nos do tamanho que pretende utilizar?

Att, Needke

Olá de novo,

Mas convinha colocá-los um pouco mais pequenos ou então alargar o widget, caso contrário não terá uma visualização limpa.

Até mais.

Ok e como alargo o Widget !!!

Olá novamente,

Faça o seguinte:

Painel de controle Módulos Portal & widgets Gestão dos widgets do fórum

Em "Largura coluna 1 (esquerda)" altere o valor que deseja e salve.

Até mais.

Resolvido amigo mais nao era a largura que tinha que mudar e sim a altura dele , deu certo...

Agradeço muito vcs nem tenho palavras a agradecer esta atenção