Inserção de 6 banners simultaneamente.

[Enzobr]

Qual a URL do seu fórum: http://www.otrader.com.br/forum
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: n/d Senha:
Estilos instalados: prosilver
Modificações instaladas: n/d
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Não é necessariamente um problema, e sim uma dúvida.
Descreva seu problema: Bom dia pessoal,

Primeiramente gostaria de agradecer o espaço para tirar dúvidas, e dizer que aprendi muita coisa aqui.

Antes de abrir esse tópico pesquisei e no meu entendimento de iniciante encontrei maneiras apenas de inserir um único banner no forum.

A minha dúvida é:

Como posso realizar a inserção de 6 banners 120x30px na parte superior do meu fórum?

Tentei instalar o Advertisement Management e acabei tendo que resetá-lo e começar tudo do zero.

Att,

Enzobr

[Chico Gois]

Como posso realizar a inserção de 6 banners 120x30px na parte superior do meu fórum?

Todos ao mesmo tempo?

[Enzobr]

Boa tarde Chico,

Fico muito grato pela rapida pré-disposição em ajudar!

Exatamente! Seriam parecido com isso:

|---banner1---||---banner2---||---banner3---||---banner4---||---banner5---||---banner6---|

Att,

Enzobr

[Enzobr]

Bom dia pessoal,

Acabei encontrando uma solução parcial, mas ainda estou tendo problemas com a centralização.

Baseando-me nesse artigo:

kb.php?a=20

Feito pelo jvc94 (Eu fico muito grato ao jvc94 por ter compartilhado conosco!)

...e editado pelo _Vinny_ (que sem sombra de dúvidas é um "dos caras mais feras" aqui do forum).

Fiz o Seguinte:

Criei um arquivo no notepad com o código abaixo:

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"><center><dt style="width: 100%;padding-right: 0px;">APOIO:</dt></center></dl></li></ul>
<ul class="topiclist bg1"><li><dl>
<dd style="border-left:0px;padding-top: 7px;">
<p style="margin: 0 500px 0 555px;">

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/banner-apoio.gif" height="31px" width="88px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/bannerapoioverde.gif" height="31px" width="88px"></a>&nbsp;&nbsp;

</p></dd></dl></li></ul>

<span class="corners-bottom"><span></span></span></div></div>

...nomeie o arquivo com o nome parceiros.html e salvei na pasta styles/prosilver/template.


No final do código de:

overall_header.html

Inseri o seguinte comando:

Código: Selecionar todos

<br /><br /><center><!-- INCLUDE parceiros.html --></center>

Agora consigo inserir os 6 banners...

...mas até agora não cosegui centraliza-los...

...estou "fuçando" aqui para ver se consigo...já testei algumas coisas que não deram certo, uma delas foi modificar o:

Código: Selecionar todos

<p style="margin: 0 500px 0 555px;">

mas em outros monitores ele fica desconfigurado.

Alguém poderia me ajudar nessa?

Att,

Enzobr

[robra]

O problema é que o ul.topiclist dd { tem uma linha definida como float: left; e não adianta mexer nela porque vai desconfigurar todo o Fórum.
Tente isso:

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"><center><dt style="width: 100%;padding-right: 0px;">APOIO:</dt></center></dl></li></ul>
<ul class="topiclist bg1"><li>
<center><dl style="border-left:0px;padding-top: 7px;">
<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/banner-apoio.gif" height="31px" width="88px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/bannerapoioverde.gif" height="31px" width="88px"></a>&nbsp;&nbsp;

</p></dl></center></li></ul>

<span class="corners-bottom"><span></span></span></div></div>

Abraço.

[Enzobr]

robra,

Muito grato! Você é o Cara!

A alteração final ficou assim:

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"><center><dt style="width: 100%;padding-right: 0px;">APOIO:</dt></center></dl></li></ul>
<ul class="topiclist bg1"><li>
<center><dl style="border-left:0px;padding-top: 7px;">

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

<a href="http://www.otrader.com.br/" rel="nofollow" onclick="window.open(this.href);return false;"> <img alt="Revista O TRADER" src="http://otrader.com.br/forum/styles/prosilver/imageset/botaorevistaotrader.gif" height="30px" width="120px"></a>&nbsp;&nbsp;&nbsp;

</p></dl></center></li></ul>

<span class="corners-bottom"><span></span></span></div></div>

Entendi onde você fez a alteração:

Antes:
...

Código: Selecionar todos

<ul class="topiclist bg1"><li><dl>

...

Código: Selecionar todos

<dd style="border-left:0px;padding-top: 7px;">

...

Código: Selecionar todos

</p></dd></dl></li></ul>

-----8<----------------------------------------------------------------------------------------------------------------------------------

Depois:
...

Código: Selecionar todos

<ul class="topiclist bg1"><li>

...

Código: Selecionar todos

<center><dl style="border-left:0px;padding-top: 7px;">

...

Código: Selecionar todos

</p></dl></center></li></ul>

-----8<----------------------------------------------------------------------------------------------------------------------------------

Valeu mesmo meu caro!

Sobre o phpbb, existe algum livro em pt-br que recomendaria?

Att,

Enzobr

[robra]

Sobre o phpbb, existe algum livro em pt-br que recomendaria?

Cara... se tiver, talvez o Chico ou o Vinny possam lhe responder porque não conheço nenhum livro sobre o assunto. Aprendi tudo sobre phpBB aqui mesmo, no http://www.phpbb.com e em outros Fóruns sobre o assunto.
A seção Artigos e Tutoriais é muito boa para se aprender, como por exemplo:
- phpBB3 Lista de Arquivos de Estilos
- Tabelas phpBB3
- Como colorir Prosilver

Também aconselho a usar sempre o programa Notepad++ para criar ou editar arquivos, poque ele não altera a codificação dos que estão sendo editados.
Se você não tem o Notepad++, baixe o arquivo .zip da última versão na página http://notepad-plus-plus.org/download/ e, após descompactá-lo, abra o executável notepad++.exe da pasta "unicode", porque esta versão lhe dá a opção de alterar o idioma do programa para o português.

Abraço.

[Enzobr]

Robra,

Eu fico muito grato pelas informações!

Att,

Enzobr