Título do tópico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 02:30 pm

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á! Piscada

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:
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 02:49 pm

E, desculpa o comentário desnecessário, mas, moderadores não podem falar com usuários? Antes do king virar MOD, a gente se falava bastante! Depois que ele virou, muito raramente ele sabe que existo...

Triste
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:04 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Cream em 05/02/12, 06:06 pm

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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:10 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Cream em 05/02/12, 06:11 pm

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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:13 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:14 pm

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


Última edição por Bookmarlucas654 em 05/02/12, 06:20 pm, editado 1 vez(es)
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:16 pm

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?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 06:28 pm

Mais uma vez, esqueceram de mim =\
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por MateusV. em 05/02/12, 06:30 pm

Olá, troque o primeiro codigo do Cream para esse:
Código:
h2.topic-title a {
margin-top: 20px !important;
margin-left: 50px;
}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 06:34 pm

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. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 07:28 pm

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...
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 07:31 pm

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. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 07:34 pm

Nenhum dos 2 resultou Envergonhado
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?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 07:47 pm

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!
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 07:56 pm

Olá,

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

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

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

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

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 10:55 pm

Há gente, esquece! Sei que estão tentando me ajudar, mas, não existe NENHUM código que de uma puladinha de 1 linha? Poxa meu, não dá para por com espaços! Ambos dão bugs, e é bom lembrar que, membros e moderadores veem botões diferentes! Membros veem menos do que os nossos, ou seja, se ficar bom para a gente, para os membros vão ficar péssimos! Eu quero um código que faça "PULAR" a linha, não "DAR ESPAÇO ESPECIAL", poxa vida -.-'
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:02 pm

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...
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 11:08 pm

Olá,

Como assim preencher?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:12 pm

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!
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:25 pm

Ajuda? *-*
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por MateusV. em 05/02/12, 11:26 pm

Olá, modifique o codigo do Flik para este
Código:
.postbody ul.profile-icons {
float: left;
margin-buttom: 5px;
padding: 0;
width: auto;
}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 11:28 pm

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. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:29 pm

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?
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por MateusV. em 05/02/12, 11:31 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 05/02/12, 11:32 pm

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. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:38 pm

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*
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por MateusV. em 05/02/12, 11:40 pm

Olá, adicione este codigo
Código:
topic-title {
float: buttom;
margin-buttom: 10px;
}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 05/02/12, 11:54 pm

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

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 06/02/12, 01:37 pm

Gente, me ajuda, pelamor de Deus Bravo
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com
  • 0

Resolvido Re: Título do tópico

Mensagem por Gaaratsu em 06/02/12, 01:41 pm

Olá,

Tente utilizar o seguinte código:

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

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Título do tópico

Mensagem por Bookmarlucas654 em 06/02/12, 01:42 pm

Aeeeeeeeeee... brigaduuuuuuu... perfect, deu certinho *u* Podem dar closed Piscada
avatar

Bookmarlucas654
Usuário destaque

Masculino
Inscrito dia : 13/01/2012
Mensagens : 579
Pontos Ativos : 833

Ver perfil do usuário https://interessesdoreino.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum