Página 1 de 1
Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 12:09
por 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>
<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>
<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>
<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>
<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>
<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>
<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 Espto Livre" src="http://s19.postimage.org/trqi3scjj/banner_REL.png" height="40px" width="100px"></a>
<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>
</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>
como eu poderia deixar o banner em movimento dentro do bloco Parceiros?
vlw fwi, Holmes
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 15:07
por 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.
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 15:11
por 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
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 16:20
por 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.
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 16:53
por robra
Holmes escreveu:Título: Banners do bloco Parceiros do portal
robra escreveu: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.
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 17:00
por 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 :)
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 17:13
por 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.
Re: Banners do bloco Parceiros do portal
Enviado: 28 Nov 2012, 17:16
por 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