Deixa a categoria deste jeito

4 participantes

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

Tópico resolvido Deixa a categoria deste jeito

Mensagem por viniciusmtn 03.03.13 3:36

Qual é minha questão:
https://i.servimg.com/u/f71/16/29/08/66/sem_ta11.png

como fazer minha categoria igual desta imagem tem como

Endereço do meu fórum:
http://forumgames.forum.st

Versão do fórum:
PHPBB3
viniciusmtn

viniciusmtn
Membro

Membro desde : 04/10/2010
Mensagens : 727
Pontos : 1102

http://www.forumxo.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa a categoria deste jeito

Mensagem por .Danni. 03.03.13 11:26

Olá,


Poderia ser mais específico quanto à sua questão? Como quer que se fique semelhante, com a descrição, com o CSS, com o formato?

Cordialmente,
The Boss
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Deixa a categoria deste jeito

Mensagem por BrunoH. 03.03.13 11:28

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
#main #main-content .main, .forabg {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: #F0F0F0 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x top;
border: 1px solid #C4C4C4;
border-radius: 7px;
padding: 5px;
}
.forabg {
clear: both;
margin: 5px 5px 4px;
min-height: 1px;
padding: 5px;
}
e Valide!

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixa a categoria deste jeito

Mensagem por viniciusmtn 03.03.13 14:09

bruno coloca a primeira letra da categoria em azul tem como igual na imagem
viniciusmtn

viniciusmtn
Membro

Membro desde : 04/10/2010
Mensagens : 727
Pontos : 1102

http://www.forumxo.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Deixa a categoria deste jeito

Mensagem por Luciano98 03.03.13 14:14

Olá!

Painel de controle Seta Visualização Seta Cores Seta Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
.topiclist .row{-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #ccc;border-radius:7px;margin:2px;padding:2px;background:-moz-linear-gradient(#fff,#E7EAF1);background-attachment:scroll;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#E7EAF1)}.topiclist .row dd{border-left:0px} .topiclist{background-color:transparent!important}.forabg span.corners-top,.forumbg span.corners-top,.forabg span.corners-bottom,.forumbg span.corners-bottom{display:none}

Clique no botão "Salvar".

Até mais.
Luciano98

Luciano98
Membro Entusiasta
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: Deixa a categoria deste jeito

Mensagem por viniciusmtn 03.03.13 14:24

cara n fico azul
viniciusmtn

viniciusmtn
Membro

Membro desde : 04/10/2010
Mensagens : 727
Pontos : 1102

http://www.forumxo.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Deixa a categoria deste jeito

Mensagem por Luciano98 03.03.13 14:47

viniciusmtn escreveu:cara n fico azul
Meu código não tornou a letra azul, ele fez as categorias ficarem ainda mais parecidas com a categoria da iamgem, porque elas ainda não estavam bem parecidas.

O código de deixar a primeira letra azul não está funcionando por algum motivo, mas sugiro que você utilize esse código para deixar as letras da categoria mais parecidas com a da categoria da imagem que você passou.

Painel de controle :seta:Visualização :seta:Cores :seta:Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
.header dd,.header dd h2{font-family:'Trebuchet MS','Lucida Grande',Verdana,Helvetica,Arial,sans-serif;font-size:12px;font-weight: bold;color:rgb(99,99,99)!important;text-shadow:rgb(255,255,255)1px 1px 3px;text-transform:none}

Clique no botão "Salvar".

Até mais.
Luciano98

Luciano98
Membro Entusiasta
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: Deixa a categoria deste jeito

Mensagem por viniciusmtn 03.03.13 14:51

cara antes que vcs fecha passa este codigos da categoria para punbb
viniciusmtn

viniciusmtn
Membro

Membro desde : 04/10/2010
Mensagens : 727
Pontos : 1102

http://www.forumxo.com.br

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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