Qual é minha questão:
Eu queria saber se é possível colocar o título abaixo dos botões na versão phpBB3!

Como é:



Como quero:



Tem algum CSS, JS, ou HTML para isto? Convidado, te agradeço desde já!

Medidas que eu tomei para corrigir o problema:
Vir aqui!

Links e imagens do meu problema:


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

Versão do meu fórum:

Pow gente, vcs respondem todos os outros, mas o meu, nn '-'

Boa tarde,

Tente este código:

Código:

h2.topic-title a {
margin-top: 15px !important;
margin-left: 50px;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Melhores cumprimentos!

Ae, mas, está quase! Ele foi muito para a direita! Quero que ele vá mais para a esquerda!

Olá,

Faça o seguinte, use este código:

h2.topic-title a {
margin-top: 15px !important;
margin-left: 50px;
}

Modifique o valor em vermelho para menos, até que fique como desejado. Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Melhores cumprimentos!

Eu tinha ido exatamente nele antes de comentar, mas, é para diminuir ou aumentar o valor?

EDIT: Não dá closed, le o comentário abaixo...

Cara, em uns, ele pegou, e em outros, não! Vê, em uma mensagem, ele pega:



Mas, no outro, dá no mesmo:



Ai ele fica repetindo isto! Como faço para pegar em TODAS as mensagens?

Mais uma vez, esqueceram de mim =\

Olá, troque o primeiro codigo do Cream para esse:

Código:

h2.topic-title a {
margin-top: 20px !important;
margin-left: 50px;
}

Olá,

Caso não funcione o código acima, aqui tenho um outro:

Código:

h2.topic-title a {
margin-top: 20px !important;
margin-left: 55px;
}

Até mais.

Gente, tem como centralizar? Tipo, no margin-left tentei colocar "center" mas não deu! Caso tivesse "center", provavelmente só iria funcionar na outra linha, que é o que eu quero...

Olá,

Peço que tente com o seguinte código:

Código:

h2.topic-title a {
margin-top: 20px !important;
margin-left: 55px;
align: " center "
}

Caso não funcione, tente:

Código:

h2.topic-title a {
margin-top: 20px !important;
margin-left: 55px;
position: center
}

Até mais.

Nenhum dos 2 resultou
Como eu queria DESDE O INÍCIO, é por o título 1 linha abaixo, não dar estes espaços em px. Teria como? Ou, botar os botões para a esquerda, tem?

Então, já que não dá para por o título em baixo, pode por OS BOTÕES, em baixo do título? Grato!

Olá,

Há como sim. Adicione o seguinte código:

.postbody ul.profile-icons {
float: left;
margin-left: 45px;
padding: 0;
width: auto;
}

Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

Modifique o valor em negrito até ficar ao seu gosto.

Até mais.

Gente, do código que o flik mostrou, editei para este:

.postbody ul.profile-icons {
float: left;
padding: 0;
width: auto;
}

Ai, deu certo:



Mas, quando eu comento, dá este pequeno bug:



Dai, eu queria saber como faço para preencher aquele espaço ali, no vermelho! Tem como? Eu quero apenas que preencha, não que mova mais nada! Ai, vai ficar perfect...

Olá,

Como assim preencher?

Até mais.

Quando eu comento, não existe o botão ! Assim sendo, note que o título fica na linha dos botões! Ai sim, precisaria de espaços para PREENCHER! Ou, usar algum tipo de linha! Por exemplo, em HTML é utilizado o

Código:

<br>

para dar a linha! Tem esse

Código:

<br>

em CSS, para dar esse pulo de linha? Ou utilizar espaço para preencher aquela área!

Ajuda? *-*

Olá, modifique o codigo do Flik para este

Código:

.postbody ul.profile-icons {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}

Olá,

Pelo visto, o título do Tópico fica na linha dos botões e o que você quer fazer é pular está linha, correto?

O único código, é realmente o

<br>

</br>

.
Mas tente utilizar:

Código:

.postbody ul.profile-icons {
float: left;
margin-buttom: 7px;
padding: 0;
width: auto;
}

Até mais.

Continua com o mesmo bug caso EU responda! Tem como fazer o título ir para BAIXO do nome não? Em HTML é <br>, e em CSS?

Olá, para ter uma ideia de como posicionar leia:
http://pt-br.html.net/tutorials/css/lesson14.php

Olá,

Tente utilizar o seguinte código:

Código:

.postbody .topic-title {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
position:absolute;
}

Caso não, tente:

Código:

.postbody .topic-title {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}

Nunca ouvi falar de um código CSS que usa-se como " Quebra Linha " , apenas códigos HTML. Mas, tente utilizar os códigos em que recomendei para você acima.

Até mais.

Código:

.postbody .topic-title {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}

Perfect, pegou muito bom! Mas, ele causou este pequeno bug:



O por Bookmarlucas654 em Dom 15 Jan 2012 - 13:38 ficou ali! Agora, só precisa levar ele para baixo do título, e pronto *u* Ain, ta quaseeeeee *u*

Olá, adicione este codigo

Código:

topic-title {
float: buttom;
margin-buttom: 10px;
}


Este código não funcionou, Mateus! E você errou, tem um } no fim Mas, mesmo assim, não pegou

Gente, me ajuda, pelamor de Deus

Olá,

Tente utilizar o seguinte código:

Código:

.postbody .topic-title {
float: buttom;
margin-buttom: 10px;
}

Até mais.