Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Desde a fundação  
Endereço do fórum : http://realitygamer.forumeiros.com/

Descrição do problema

Boa noite caros colegas. Meu "problema" é o desejo de colocar em meio a aparência das categorias do menu inicial de meu fórum,  algo que se assemelhe ao do fórum ao qual passei,  tendo uma imagem junto com os links dos tópicos que estão  dentro da categoria.

Obrigado desde já.

Link do fórum que contém o que desejo: http://theempiresrpg.forumeiros.com/forum

Olá,

Em Geral > Fórum > Categorias e fóruns, na listagem de categorias, selecione a categoria que deseja colocar a imagem e adicione no campo Descrição:

Código:

<img src="http://example.com/image.jpg" />

É só trocar o http://example.com/image.jpg pela imagem desejada.

Abraços.

Eu agradeço imensamente a ajuda. Porém infelizmente faltou a opção de se colocar os links, sendo esse o motivo maior de estar querendo esse code...

Sem problema. Tem como colocar a imagem lá para bolarmos um código?

Aqui uma imagem colocada: http://realitygamer.forumeiros.com/forum

Creio que todas as imagens teriam um tamanho como esse...

Agradeço desde já.

Aqui está, insira esse HTML nas categorias:

Código:

<div class="category-description">
  <div class="category-description-image">
    <img src="http://i57.tinypic.com/dy2ji1.gif">
  </div>
  <ul class="category-description-menu">
    <li><a href="/link">Link 1</a></li>
    <li><a href="/link">Link 2</a></li>
  </ul>
</div>

E o CSS:

Código:

.category-description {
  margin: 0 auto;
  width: 500px;
  overflow: hidden;
  background: #333;
  padding: 10px;
}

.category-description-image {
  float: left;
}

.category-description-menu {
  padding-left: 310px;
}

.category-description-menu a {
  display: block;
  padding: 5px;
  background-color: #666;
  margin-bottom: 5px;
  color: #a9a9a9;
  font-family: Arial, Helvetica, sans-serif;
  transition: 1000ms ease background-color;
}

.category-description-menu a:hover {
  background-color: #ccc;
}

É só repetir o HTML trocando os links para as descrições.

Qualquer coisa é só falar.

Abraços.

Maravilha, muito muito muito obrigado, ajudou mesmo.

Pode fechar...

Abraços