Banners do bloco Parceiros do portal

[Holmes]

Qual a URL do seu fórum: http://www.chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Compartilhada (HostGator Brasil)
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: chakra senha: chakraproject
Estilos instalados: we_clearblue
Modificações instaladas: "Quem Esteve Aqui?"; "Board3 Portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre"; "Share One"; "jGrowl Popup"; "Knowledge Base"; "Thanks for Posts"
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Constatei
Descreva seu problema: oi pessoal, o Chakra Brasil tem um bloco do portal onde ficam os banners dos parceiros, mas não estou conseguindo deixar o banner do Black Angel Arts em movimento, veja como é o banner (bloco Parcerias)

http://www.blackangelarts.com/forum/vie ... f=21&t=118

o meu arquivo parceiros.html é

Código: Selecionar todos

<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt style="width: 100%;padding-right: 0px;">Parceiros</dt></dl></li></ul>
<ul class="topiclist bg1"><li><dl>
<dd style="border-left:0px;padding-top: 7px;">
<p style="margin: 0 5px 0 5px;">
<a href="http://www.suportephpbb.com.br/index.php" title="Suporte ao uso do phpBB" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Suporte phpBB" src="http://imgbin.org/images/thumbs/ext7266.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://www.dreamcastbr.com/" title="Notícias sobre Dreamcast" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Dreamcast BR" src="http://imgbin.org/images/thumbs/ext7271.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://www.linuxtotal.org/portal.php" title="Suporte a várias distros" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Linux Total" src="http://imgbin.org/images/thumbs/ext8196.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://sejalivre.org/" title="Notícias e dicas sobre Tecnologia" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Seja Livre" src="http://imgbin.org/images/thumbs/ext8401.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://infologico.com/" title="Notícias e dicas sobre Tecnologia" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Infológico" src="http://infologico.com/img/infologico120x60.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://veiadigital.com.br/" title="Notícias e dicas sobre Tecnologia" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Veia Digital" src="http://www.veiadigital.com.br/imagens/logovd1.jpg" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://www.revista.espiritolivre.org/" title="Notícias sobre GNU/Linux e Software Livre" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Revista Espto Livre" src="http://s19.postimage.org/trqi3scjj/banner_REL.png" height="40px" width="100px"></a>&nbsp;&nbsp;
<a href="http://www.blackangelarts.com/forum/" title="Desenvolvimento e manipulação de imagens" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Black Angel Arts" src="http://www.blackangelarts.com/forum/galeria/banner_ba.jpg" height="40px" width="100px"></a>&nbsp;&nbsp;
</p>
</dd></dl></li></ul>
<span class="corners-bottom"><span></span></span></div></div>

especificamente sobre a entrada do Black Angel Arts

Código: Selecionar todos

<a href="http://www.blackangelarts.com/forum/" title="Desenvolvimento e manipulação de imagens" target="_blank" rel="nofollow" onclick="window.open(this.href);return false;"><img alt="Black Angel Arts" src="http://www.blackangelarts.com/forum/galeria/banner_ba.jpg" height="40px" width="100px"></a>&nbsp;&nbsp;

como eu poderia deixar o banner em movimento dentro do bloco Parceiros?

vlw fwi, Holmes

[robra]

Se você usar o "inspecionar elemento" você vai poder pegar o código que ele usa lá e depois é só aplicá-lo em seu código.
Veja se consegue.
Se não conseguir, posta aí novamente.

Abraço.

[Holmes]

oi robra, o código seria este

Código: Selecionar todos

<a href="http://www.blackangelarts.com" title="Desenvolvimento e manipulações de imagens" target="_blank"><img src="http://www.blackangelarts.com/forum/galeria/parceria.gif" width="120" height="60" Alt="http://www.blackangelarts.com"  width="120" height="60" border="0"/></a>

vlw fwi, Holmes

[robra]

Apesar de você já ter marcado o tópico como "resolvido", para não deixar a sua pergunta sem resposta, o código é este:

Código: Selecionar todos

<div class="block-border block-block block-with-caption"><div class="block-content" id="ca-block-65-item"><div class="block-inner"><div class="block-inner2">  
 <div class="panel bg3"><div class="inner"><span class="corners-top"><span></span></span>
<marquee scrollamount="4" scrolldelay="1" onmouseout="this.start()" onmouseover="this.stop()">
		  <a href="http://www.sssssssss.com" target="_blank" title="sssssss"><img src="http://ssssssssssssssssssss.gif" border="0"></a>
<a href="http://www.zzzzzzzz.com.br" title="Os Melhores Sites da Internet!" target="_blank"><img src="http://www.zzzzzzzzzzz.com.br/banners/120x60.gif" alt="Os Melhores Sites da Internet!" width="120" height="60" border="0"></a>
<a href="http://aaaaaaaa.com" target="_blank" title="Posts a Beira Mar"><img src="http://aaaaaaaaaaaaa.jpg" border="0" width="120" height="60" alt="Powered by aaaaaaaa.com"></a>
<a href="http://wwwwwwwwww.com/" target="blacnk" title="wwww wwwwwww"><img src="http://wwwwwwwww.jpg"></a>
<a href="http://www.chakra-linux.com.br/forum/portal.php" target="_blank" title="Chakra Brasil"><img src="http://s19.postimage.org/7fj0c058f/minibanner.gif"></a>
<a href="http://eeeeeeeee.blogspot.com.br/" target="_blank"><img src="http://ddddddddddd/garotas120x60r.png" border="0"></a>
<a href="http://xxxxxxxxxx.blogspot.com/" target="blank"><img border="0" src="http://xxxxxxx.com/xxxxxxxx.gif"></a>


</marquee>					
		  <span class="corners-bottom"><span></span></span></div></div><br style="clear:both"><div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>

Obviamente, que alterei os endereços porque o objetivo não fazer propaganda e sim pegar a estrutura do bloco "parceiros", sendo o que define a movimentação dos banners é a tag <marquee>.

Abraço.

[robra]

Título: Banners do bloco Parceiros do portal

Apesar de você já ter marcado o tópico como "resolvido", para não deixar a sua pergunta sem resposta, o código é este:

Código: Selecionar todos

<div class="block-border block-block block-with-caption"><div class="block-content" id="ca-block-65-item"><div class="block-inner"><div class="block-inner2">  
 <div class="panel bg3"><div class="inner"><span class="corners-top"><span></span></span>
<marquee scrollamount="4" scrolldelay="1" onmouseout="this.start()" onmouseover="this.stop()">
		  <a href="http://www.sssssssss.com" target="_blank" title="sssssss"><img src="http://ssssssssssssssssssss.gif" border="0"></a>
<a href="http://www.zzzzzzzz.com.br" title="Os Melhores Sites da Internet!" target="_blank"><img src="http://www.zzzzzzzzzzz.com.br/banners/120x60.gif" alt="Os Melhores Sites da Internet!" width="120" height="60" border="0"></a>
<a href="http://aaaaaaaa.com" target="_blank" title="Posts a Beira Mar"><img src="http://aaaaaaaaaaaaa.jpg" border="0" width="120" height="60" alt="Powered by aaaaaaaa.com"></a>
<a href="http://wwwwwwwwww.com/" target="blacnk" title="wwww wwwwwww"><img src="http://wwwwwwwww.jpg"></a>
<a href="http://www.chakra-linux.com.br/forum/portal.php" target="_blank" title="Chakra Brasil"><img src="http://s19.postimage.org/7fj0c058f/minibanner.gif"></a>
<a href="http://eeeeeeeee.blogspot.com.br/" target="_blank"><img src="http://ddddddddddd/garotas120x60r.png" border="0"></a>
<a href="http://xxxxxxxxxx.blogspot.com/" target="blank"><img border="0" src="http://xxxxxxx.com/xxxxxxxx.gif"></a>


</marquee>					
		  <span class="corners-bottom"><span></span></span></div></div><br style="clear:both"><div class="block-clear"></div></div></div></div><div class="block-footer"><span></span><div></div></div></div>

Obviamente, que alterei os endereços porque o objetivo não fazer propaganda e sim pegar a estrutura do bloco "parceiros", sendo o que define a movimentação dos banners é a tag <marquee>.

Abraço.

o robra, dá para liberar este tópico? pois estou com um probleminha: os banners não estão em movimento desde o começo...eles iniciam o movimento a partir do último banner. Holmes

Solicitação atendida.

Abraço.

[Holmes]

robra, copiei as tags <marquee> do código, mas os banners não percorre todo o bloco Parceiros, veja o exemplo do Manjaro Brasil

http://www.manjaro-linux.com.br/forum/portal.php

já fiz uns testes e nada. o que pode ser?

vlw fwi, Holmes :)

[robra]

Em seu código, onde tem <dd style="border-left:0px;padding-top: 7px;">, adicione width: 100%; ficando desta forma:
<dd style="border-left:0px;padding-top: 7px;width: 100%;">

Abraço.

[Holmes]

resolvido...............eeeeeeeeeeeeeeeeeeeee

adicionei isto width="970" em

<marquee scrollamount="4" scrolldelay="1" onmouseout="this.start()" onmouseover="this.stop()" width="970">

a resposta para isto aqui

http://fofurinhasparavoce.sites.uol.com ... tuto7.html

obrigado robra!


====editado====

a sua dica ficou melhor! obrigadão robra...

vlw fwi, Holmes