Código do fórum

[Four]

Detalhes da questão

Endereço do fórum: http://hogwartsreturns.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá! Gostaria de centralizar o nome do meu fórum e de por o código desse site http://pottergo.forumeiros.com/forum na descrição, pra conseguir por foto e descrição nele.

Obrigada!

[Shek]

Boa tarde.

Painel de Controle >> Visualização >> Página inicial >> Cabeçalho e navegação e depois, escolha a opção Centralizar na opção Posição do logo.

O nome do fórum conforme segue na URL que mencionou, é um LOGO com o nome do fórum. Você pode criar uma imagem de logo com o nome de seu fórum e colocá-lo nas definições do seu Painel de COntrole.

Atenciosamente,
Shek

[Four]

Não, @Shek. Eu estou me referindo a esse code https://i.imgur.com/rZMUFJ0.png

[Luiz]

Olá,

Para colocar a descrição, leia:
-> https://ajuda.forumeiros.com/t20132-faq-gerir-a-descricao-e-titulo-do-forum

Você pode colocar um código mais ou menos como este na descrição:

Código:

<img src=" Link da Imagem " />
<p> Lorem ipsum lorem dolor sit amet, nulla at nulla ipsum dolor sit lorem amet sit. [...] </p>

o/

[Four]

É que eu queria exatamente como aquele, com as bordas e tudo. :/

[Luiz]

Faça o que lhe pedi, coloque as imagens e o texto para que depois possamos acertar nos estilos.

Obrigado e até mais. o7

[Four]

Foi colocado, @Luiz~.

[Luiz]

Aceda à:
Painel de Controle > Visualização > Cores > Folha de Estilo CSS.

Adicione ao final:

Código:

div.fa-forumdesc img,
h3.hierarchy ~ img.fa-img {
  background-color: #eeeeee;
  border-left: 5px solid #453C33;
  border-radius: 40px 40px 40px 40px;
  border-right: 5px solid #453C33;
  color: #444;
  font-family: georgia;
  font-size: 10px;
  padding: 21px;
  text-align: center;
  text-transform: lowercase;
  width: auto;
  display: block;
  margin: 0 auto;
}

h3.hierarchy {
  display: block;
  text-align: center;
}

.fa-forumdesc {
  text-align: center;
  display: block;
}

E troque o código HTML que lhe passei por:

Código:

<div class="fa-forumdesc">
  <img class="fa-img" src=" Link da Imagem " />
  <p> Lorem ipsum lorem dolor sit amet, nulla at nulla ipsum dolor sit lorem amet sit. [...] </p>
</div>

o/

[Four]

Então, @Luiz~. O texto ficou fora da borda, tem como por dentro e diminuir um pouco a font?

[Luiz]

Ora, veja:
-> http://prntscr.com/fhztza

Para mim o resultado — aparentemente — está como esperava-se.
À qual "borda" o senhor se refere? Aquela que contorna em parte a imagem?

Poderia também enviar uma screenshot do seu problema?

o/

[Four]

Olhe, @Luiz~. Veja a comparação entre os dois code. Note que a descrição está fora da borda, não na mesma área da foto. https://i.imgur.com/M8BkeXK.png

[Luiz]

Ah sim.
Agora que pude entender.

Troque o código CSS por:

Código:

div.fa-forumdesc {
  background-color: #eeeeee;
  border-left: 5px solid #453C33;
  border-radius: 40px 40px 40px 40px;
  border-right: 5px solid #453C33;
  color: #444;
  font-family: georgia;
  font-size: 10px;
  padding: 21px;
  text-align: center;
  text-transform: lowercase;
  width: auto;
  display: block;
  margin: 0 auto;
}
 
h3.hierarchy {
  display: block;
  text-align: center;
}
 
.fa-forumdesc {
  text-align: center;
  display: block;
}

div.fa-forumdesc img {
  border-radius: 38px;
  margin-bottom: 10px;
}

o/

[Four]

Funcionou, @Luiz~. Mas teria como centralizar um pouco o fórum? Deixando as partes "tópicos", "mensagens" e "última mensagem" mais para o lado enquanto o code vai um pouco pro centro?

[Luiz]

Para isso, o senhor terá de criar um novo tópico, dado que só é permitida uma questão por tópico.

o/

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.