Gerir categorias como Forumeiros e você

Qual é minha questão:
Pessoal eu coloquei em meu fórum a função de colocar uma seção com tópicos lado a lado, mas ao invés de ficarem lado a lado eles ficaram em uma espécie de zig zag, vejam: http://pokemonmq.forumeiros.com/

Na categoria de RPG.


Como resolvo isso?

Endereço do meu fórum:
http://pokemondemais.forumeiros.com

Versão do fórum:
PUNBB

Olá,

Neste caso o senhor terá que aumentar a largura de seu fórum. Substituir o título do fórum, pelo código:

Código:

<no>

E são apenas 2 subfóruns para cada fórum. O senhor colocou todos eles em um único fórum. Assim ficará uma bagunça. Poderia me fornecer o código da descrição que está utilizando?

Até mais.

Código:

<p>
   <span style="float: left; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/labora17.png" align="left" /><strong style="font-size: 16px;"><span style="font-size: 12px;"><span style="font-size: 13px;"><a href="http://pokemonmq.forumeiros.com/f2-laboratorio-e-centro-pokemon" class="forumtitle">Laboratório</a><span style="text-decoration: underline;"> </span></span><span style="text-decoration: underline;"></span></span><span style="text-decoration: underline;"></span></strong><strong>Pegue seu primeiro pokemon e obtenha suporte com eles</strong></span>
</p>
<p>
   <span style="float: right; width: 205px;"> <br /></span><span style="float: right; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/evolaa10.png" align="left" /><span style="font-size: 13px; line-height: normal"><span style="font-size: 16px;"><strong><a href="http://pokemonmq.forumeiros.com/f22-evolucao-comum" class="forumtitle"><span style="font-size: 13px; line-height: normal">Evolução</span></a></strong></span></span><span style="font-size: 16px;"><strong><a href="http://pokemonmq.forumeiros.com/f22-evolucao-comum" class="forumtitle"></a><span style="text-decoration: underline;"> </span></strong></span><strong>Aumente de nível e evolua seus pokemons aqui.</strong></span>
</p>
<div>
   <br />
</div>
<div>
   <span style="clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 255, 255); display: block; margin-bottom: 10px;"> </span><br />
</div>
<p>
   <span style="float: left; width: 205px;"></span>
</p>
<div>
    
   <div>
      <span style="float: left; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/captur10.png" align="left" /><strong><span style="font-size: 16px;"><a href="http://pokemonmq.forumeiros.com/f110-rotas-de-captura" class="forumtitle"><span style="font-size: 13px; line-height: normal">Rotas de captura</span></a> </span></strong><strong>Capture aqui pokemons</strong></span> 
   </div>
    
   <div>
      <span style="float: right; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/pokema10.gif" align="left" /><strong><span style="font-size: 16px;"><a href="http://pokemonmq.forumeiros.com/f25-mercado" class="forumtitle"><span style="font-size: 13px; line-height: normal">Mercado pokemon</span></a><span style="text-decoration: underline;"> </span></span></strong><strong>Compre aqui itens para sua jornada</strong></span> 
   </div>
    
   <div>
      <strong><br /></strong> 
   </div>
    
   <div>
      <strong><span style="clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 255, 255); display: block; margin-bottom: 10px;"></span><br /></strong> 
   </div>
    
   <div>
      <strong><br /></strong> 
   </div>
    
   <div>
      <strong><br /></strong> 
   </div>
    
   <div>
      <span style="color: rgb(0, 0, 139); font-size: 12px; line-height: 18.200000762939453px; background-color: rgb(251, 251, 251);"><br /></span> 
   </div>
    
   <div>
      <span style="color: rgb(0, 0, 139); font-size: 12px; line-height: 18.200000762939453px; background-color: rgb(251, 251, 251);"> </span> 
      <div>
         <span style="float: left; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/dinhei10.png" align="left" /><strong><span style="font-size: 16px;"><a href="http://pokemonmq.forumeiros.com/f37-ganhe-dinheiro" class="forumtitle"></a><span style="font-size: 13px; line-height: normal"><a href="http://pokemonmq.forumeiros.com/f37-ganhe-dinheiro" class="forumtitle">Ganhe dinheiro</a> </span></span></strong><strong>Ganhe dinheiro participando de atividades</strong></span> 
      </div>
       
      <div>
         <span style="line-height: 18.200000762939453px; background-color: rgb(251, 251, 251);"><span style="float: right; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/ginasi10.png" align="left" /><strong><span style="font-size: 16px; line-height: normal;"><a href="http://pokemonmq.forumeiros.com/c3-ginasios" class="forumtitle"></a><span style="font-size: 13px; line-height: normal"><a href="http://pokemonmq.forumeiros.com/c3-ginasios" class="forumtitle">Ginásios</a><span style="text-decoration: underline;"> </span></span><span style="text-decoration: underline;"></span></span></strong><strong>Desafie ginásios e garante suas insígnias</strong></span></span> 
      </div>
       
   </div>
    
   <div>
      <br /> 
   </div>
    
   <div>
      <span style="clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 255, 255); display: block; margin-bottom: 10px;"> </span><br /> 
   </div>
    
   <div>
      <span style="background-color: rgb(251, 251, 251);"><span style="color: rgb(0, 0, 139);"><span style="font-size: 12px; line-height: 18.200000762939453px;"><br /></span></span></span> 
   </div>
    
   <div>
      <a href="http://pokemonmq.forumeiros.com/c5-ligas" class="forumtitle"><span style="color: rgb(0, 0, 139); font-size: 12px; line-height: 18.200000762939453px; background-color: rgb(251, 251, 251);"> </span> </a> 
      <div>
         <span style="float: left; width: 205px;"><img src="http://i55.servimg.com/u/f55/17/45/31/00/ligas11.png" align="left" /><strong><span style="font-size: 16px;"><a href="http://pokemonmq.forumeiros.com/c5-ligas" class="forumtitle"><span style="font-size: 13px; line-height: normal">Ligas</span></a></span></strong></span><span style="float: left; width: 205px;"><strong>Juntou insígnias? Participe das ligas.</strong></span> 
      </div>
       
   </div>
</div>
<div>
</div>

Ai está o código, e não entendi sua ultima resposta.

Olá,

Aliais, estive testando e é só aumentar a largura de seu fórum. Tente:

Código:

.pun {width: 94%;}

Adicione este código em sua Folha de Estilo CSS.

Até mais.

Ficaram mais compacta mas, ainda sim, estão em zig zag, poderia me passar um tutorial mais explicado, especifico para o que eu quero fazer? (que é colocar 7 itens, dividindo de dois em dois lado a lado, além disso tem algo errado, de 7, mostra as ultimas mensagens de um, devia mostrar a cada dois, como na forumeiros)

Pode me passar um tutorial, ou mesmo, me enviar o código pronto?

Olá,

O senhor leu este tutorial?
[TUTORIAL] Organizando categoria como Forumeiros e você
Tentei lhe explicar na minha primeira mensagem, desculpe por me explicar mal. Irei tentar novamente, no tutorial que acabo de lhe fornecer ensina o porque está meio desalinhado e porque as últimas mensagens não mostram de dois em dois. É porque o senhor está colocando 7 itens em um só fórum. Deverá criar 2 itens para cada fórum. Compreende?

Lendo o tutorial será mais especifico.

Até mais.

Mas perai, na forumeiros, de alguma maneira eles colocaram dois fóruns, dentro de uma mesma categoria, tipo, dois códigos, dentro da categoria FORUMEIROS E VOCÊ.


Como faço isso?

Boa noite!

Na verdade a estrutura de categorias realizadas neste fórum são as mesmas apresentadas neste vídeo:

Categoria
- Fórum sem nome
-- Subfórum
-- Subfórum
-- Subfórum
-- Subfórum

No FdF há uma categoria, e dentro da categoria um fórum com o código indicado pelo Bruno nas mensagens anteriores, e dentro deste fórum sem nome existem mais 4 fóruns, formando o que você vê.

Até mais!

Então nesse caso para colocar os 7, terei que criar 4 foruns sem nome, e depois, dentro de cada um, colocar o código individual de dois em dois?

Não. Com apenas 4 você faz isso. De fato todos os subfóruns devem estar ligados com o primeiro fórum que tem os códigos para que eles sumam da home page.

Ainda não to entendendo como fazer, eu preciso de um passo-a-passo mais simples, tipo, onde coloco os códigos, e como faço pra eles ficarem lado a lado ao invés de como estão nesse momento?

Você pode obter uma ajuda mais simplificada assistindo este vídeo:

Consegui fazer, mas veja como ficou, um com descrição em cima, e outro com descrição em baixo.

Se ajudar, os códigos que usei foram:

Código:

<p>
 <span style="float: left; width: 50%;"><a class="forumtitle" href="http://pokemonmq.forumeiros.com/f2-laboratorio-e-centro-pokemon"><img align="left" src="http://i55.servimg.com/u/f55/17/45/31/00/labora18.png" />Laboratório e Centro pokemon</a></span>
</p>
<p>
</p>
<p>
 Primeiro pokemon e suporte para os demais 
</p>
<p>
 <br />
</p>
<p>
 <span style="float: right; width: 50%;"><a class="forumtitle" href="http://pokemonmq.forumeiros.com/f22-evolucao-comum"><img align="left" src="http://i55.servimg.com/u/f55/17/45/31/00/lvlupc10.png" />Evolução e LVup</a></span>
</p>
<p>
 Evolua/Aumente o nível de seus pokemons 
</p>

Código:

<div>
 <span style="float: left; width: 50%;"><a href="http://pokemonmq.forumeiros.com/f110-rotas-de-captura" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/captur12.png" align="left" />Rotas de captura</a></span>
</div>
<div>
 Capture novos pokemons 
</div>
<div>
 <br />
</div>
<div>
  
 <div>
  
 <div>
 <span style="float: right; width: 50%;"><a href="http://pokemonmq.forumeiros.com/f25-mercado" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/th/pokema10.png" align="left" />Mercado pokemon</a> </span> 
 </div>
  
 <div>
 Compre itens para sua jornada 
 </div>
  
 </div>
</div>

Código:

<p>
 <span style="float: left; width: 50%;"><a class="forumtitle" href="http://pokemonmq.forumeiros.com/f37-ganhe-dinheiro"><img align="left" src="http://i55.servimg.com/u/f55/17/45/31/00/ganhed10.png" />Ganhe dinheiro</a></span>
</p>
<p>
</p>
<p>
 Atividades com recompensas 
</p>
<p>
 <br />
</p>
<p>
 <br />
</p>
<p>
 Compre itens para a sua jornada <span style="float: right; width: 50%;"><a class="forumtitle" href="http://pokemonmq.forumeiros.com/f63-ginasios"><img align="left" src="http://i55.servimg.com/u/f55/17/45/31/00/ginasi11.png" />Ginásios</a></span>
</p>
<p>
 Garanta suas insígnias 
</p>

Código:

<div>
 <span style="float: left; width: 50%;"><a class="forumtitle" href="http://pokemonmq.forumeiros.com/c5-ligas"><img align="left" src="http://i55.servimg.com/u/f55/17/45/31/00/ligasc10.png" />Ligas</a></span>
</div>
<div>
 Campeonato entre grandes treinadores 
</div>

O que eu faço para eles ficarem igual forumeiros em você? Isto é, cada um com sua descrição embaixo.

Bom dia!

Basta colocar o código:

Código:

<br>

e isso se resolve.

Onde coloco?

Desculpe, mas assistiu o vídeo que lhe passei? Nele é informado esses detalhes.   Enfim, você deverá adicionar esse código BR antes de todos as tags HTML:

Código:

>Título do fórum</a>

Ou seja:[quote<span style="float: left; width: 50%;"><a href="Endereco_do_sub-forum" class="forumtitle"><img src="Endereco_da_imagem" align="left" />Título do fórum</a><br>
Descrição do fórum</span>[/quote]Até mais!

Eu assisti o vídeo e segui os passos, e o resultado que consegui é o que está em meu fórum, coloquei os <br> mas ainda sim nada mudou, eu não estou entendendo.

Não se preocupe.

Primeiro fórum:

Código:

<span style="float: left; width: 50%;"><a href="/f2-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/labora18.png" align="left" />Laboratório e Centro pokemon</a><br />
 Primeiro pokemon e suporte para os demais.</span>

<span style="float: right; width: 50%;"><a href="/f22-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/lvlupc10.png" align="left" />Evolução e LVup</a><br />
Evolua/Aumente o nível de seus pokemons </span>

Para o segundo fórum:

Código:

<span style="float: left; width: 50%;"><a href="/f37-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/ganhed10.png" align="left" />Ganhe dinheiro</a><br />
 Atividades com recompensas. Compre itens para sua jornada.</span>

<span style="float: right; width: 50%;"><a href="/f63-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/ginasi11.png" align="left" />Ginásios</a><br />
Garanta suas insígnias. </span>

Para o Terceiro:

Código:

<span style="float: left; width: 50%;"><a href="/f110-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/captur12.png" align="left" />Rotas de captura</a><br />
Capture novos pokemons.</span>

<span style="float: right; width: 50%;"><a href="/f25-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/th/pokema10.png" align="left" />Mercado pokemon</a><br />
Compre itens para sua jornada. </span>

Para o quarto:

Código:

<span style="float: left; width: 50%;"><a href="/c5-" class="forumtitle"><img src="http://i55.servimg.com/u/f55/17/45/31/00/ligasc10.png" align="left" />Ligas</a><br />
 Campeonato entre grandes treinadores </span>

Seria isso?

Atenciosamente,
Shek

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Coloquei apenas o primeiro código, veja como ficou, não teve o efeito esperado, continuam em zig zag, e agora com o fundo branco. a unica coisa que mudou é que agora a descrição está em baixo, isso deve ser mantido assim.

Você colocou o código <no> no título do fórum?

Boa noite!

Você poderia testar somente este código no primeiro subfórum, removendo o que tiver lá?

Código:

<table style="position:relative; top: -22px; margin-bottom:-29px"><tbody><tr><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/captur12.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; height: 80px; padding-left: 80px;"><a href="/f110-"><font size="2"><b>Rotas de capturas</b></font></a><br><font size="1">Capture novos pokemons !</font></td><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/th/pokema10.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; padding-left: 55px;"><a href="/f25-"><font size="2"><b>MasterShop</b></font></a><br><font size="1">Compre itens para sua jornada</font></td></tr></tbody></table>

É isso mesmo que quero, pode enviar mais códigos como este?

Boa noite!

Para o 1º:

Código:

<table style="position:relative; top: -22px; margin-bottom:-29px"><tbody><tr><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/labora18.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; height: 80px; padding-left: 80px;"><a href="/f2-"><font size="2"><b>Laboratório e Centro pokemon</b></font></a><br><font size="1">Evolua/Aumente o nível de seus pokemons</font></td><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/th/pokema10.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; padding-left: 55px;"><a href="/f22-"><font size="2"><b>MasterShop</b></font></a><br><font size="1">Primeiro pokemon e suporte para os demais </font></td></tr></tbody></table>

Para o 3º:

Código:

<table style="position:relative; top: -22px; margin-bottom:-29px"><tbody><tr><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/ganhed10.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; height: 80px; padding-left: 80px;"><a href="/f2-"><font size="2"><b> Ganhe dinheiro</b></font></a><br><font size="1">Atividades com recompensas</font></td><td style="background: transparent url(http://i55.servimg.com/u/f55/17/45/31/00/ginasi11.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 50%; padding-left: 55px;"><a href="/f22-"><font size="2"><b> Ginásios</b></font></a><br><font size="1"> Garanta suas insígnias </font></td></tr></tbody></table>

Já para o último subfórum http://pokemonmq.forumeiros.com/f63-ginasios você não precisa ter este código lá. Podes deletar o que está na descrição e nomear de Ligas e adicionar a descrição correspondente, pois, não há dois subfóruns.

Até mais!

Obrigado.