Personalizar o título dos tópicos

4 participantes

Ir para baixo

Tópico resolvido Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 16:12

Qual é minha questão:
Olá a todos,
eu gostaria de personalizar o título dos tópicos ao visualiza-los, tipo está imagem:
Personalizar o título dos tópicos Q1hcy
Eu gostaria que fica-se igual ao deste fórum:
http://spdesign.ativoforum.com/

Links e imagens do meu problema:
https://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 23:22, editado 1 vez(es)
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace 22.09.12 16:15

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 16:17

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
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace 22.09.12 16:33

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 16:41

Olá!
Não resultou... Triste
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace 22.09.12 16:46

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 16:49

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
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace 22.09.12 16:52

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 17:09

BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Ace 22.09.12 17:19

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 17:21

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

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Luciano98 22.09.12 20:18

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 22.09.12 20:28

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

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 23.09.12 21:23

Up 24 Horas e nada Rindo
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 25.09.12 17:22

Up
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por Josh 25.09.12 23:20

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!
Josh
Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o título dos tópicos

Mensagem por BrunoH. 25.09.12 23:21

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

Passar bem! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos