Personalizar o título dos tópicos

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

Resolvido Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 12:12 pm

Qual é minha questão:
Olá a todos,
eu gostaria de personalizar o título dos tópicos ao visualiza-los, tipo está imagem:

Eu gostaria que fica-se igual ao deste fórum:
http://spdesign.ativoforum.com/

Links e imagens do meu problema:
Http://i.imgur.com/q1hcy.png

Endereço do meu fórum:
http://bcvgames.forumbrasil.net/

Versão do meu fórum:
PHPBB3


Última edição por Dr.House_. em 25/09/12, 07:22 pm, editado 1 vez(es)
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace em 22/09/12, 12:15 pm

Olá,

O senhor pode me mandar o link da página onde viu isso ou algo relativo? Eu não entendi bem onde achou essa função. Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 12:17 pm

Olá caro Ace!
Vamos dar um exemplo, veja este tópico:
http://spdesign.ativoforum.com/t2877-color-theory-adaptado-complete-vb-15-tronos#19219
No título tem escrito: "1 COLOR THEORY ADAPTADO [COMPLETE VB] [15-TRONOS]" em baixo do título, eles personalizaram e colocar uma imagem, para ficar mais personalizado, mudou a cor do título e etc..
O que eu queria:
Adicionar uma imagem de baixo do título do tópico..

Pode entender?

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace em 22/09/12, 12:33 pm

Olá,

Da mesma forma que se adiciona uma imagem a um post.

Código:
.post{
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png);
margin-top: 25px;
}

Basta que edite os PX e também o aplique a sua CSS Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 12:41 pm

Olá!
Não resultou... Triste
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace em 22/09/12, 12:46 pm

Olá,

Errei no código...

O correto é:

Código:
.postbody{
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png);
}

Ele também pode ser expandido até o perfil do membro.

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 12:49 pm

Olá!
Dessa vez fico tudo bagunçado Louco
Tive que retirar do meu fórum, se não iria atrapalhar os membros, olhe no meu fórum de teste:
http://designapocalipse.forumeiros.com/t6-assinatura-amarelo-claro-medio-texto-amarelo-claro#8

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace em 22/09/12, 12:52 pm

Olá,

Sim, é porque no tópico onde testei havia uma tabela que cubriu o erro...

Código:
.postbody{
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png);
background-repeat: repeat-x;
  background-position: top;
  z-index: 2;
}

@EDIT: Eu aperfeiçoei o código. Ele está funcional agora. Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 01:09 pm

avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace em 22/09/12, 01:19 pm

Olá,

Sim, resolveu. Pode notar que há uma cor em degradê no título do tópico. Se o senhor desejar, esse efeito pode ser expandido até o perfil.

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 01:21 pm

Olá!
Sim, eu gostaria que fica-se completo, ate o perfil se puder..

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Luciano98 em 22/09/12, 04:18 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.post{background-size:49% 100%}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 22/09/12, 04:28 pm

Olá Luciano98,
Ainda não aumentou o que eu quero..

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 23/09/12, 05:23 pm

Up 24 Horas e nada Rindo
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 25/09/12, 01:22 pm

Up
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br
  • 0

Resolvido Re: Personalizar o título dos tópicos

Mensagem por Josh em 25/09/12, 07:20 pm

Boa noite, grande House!

Este resolverá seus problemas:
Código:
div.post {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: white url(http://i66.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;
border: solid 1px #D7D7D7!important;
border-bottom: solid 4px #D7D7D7!important;
border-radius: 10px;
display: table;
padding-bottom: 15px;
width: 100%;
}
Abraços!
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. em 25/09/12, 07:21 pm

Olá!
Aee Josh, ate que fim alguém me ajudo >.< Obrigado ai amigo. Rindo

Passar bem! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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