Deixa a categoria deste jeito

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

Resolvido Deixa a categoria deste jeito

Mensagem por viniciusmtn em 03/03/13, 12:36 am

Qual é minha questão:
Http://i71.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
avatar

viniciusmtn
Usuário destaque

Masculino
Inscrito dia : 04/10/2010
Mensagens : 727
Pontos Ativos : 1102

Ver perfil do usuário http://www.forumxo.com.br

Resolvido Re: Deixa a categoria deste jeito

Mensagem por .Danni. em 03/03/13, 08:26 am

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
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Deixa a categoria deste jeito

Mensagem por BrunoH. em 03/03/13, 08:28 am

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.
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: Deixa a categoria deste jeito

Mensagem por viniciusmtn em 03/03/13, 11:09 am

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

viniciusmtn
Usuário destaque

Masculino
Inscrito dia : 04/10/2010
Mensagens : 727
Pontos Ativos : 1102

Ver perfil do usuário http://www.forumxo.com.br

Resolvido Re: Deixa a categoria deste jeito

Mensagem por Luciano98 em 03/03/13, 11:14 am

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.
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: Deixa a categoria deste jeito

Mensagem por viniciusmtn em 03/03/13, 11:24 am

cara n fico azul
avatar

viniciusmtn
Usuário destaque

Masculino
Inscrito dia : 04/10/2010
Mensagens : 727
Pontos Ativos : 1102

Ver perfil do usuário http://www.forumxo.com.br

Resolvido Re: Deixa a categoria deste jeito

Mensagem por Luciano98 em 03/03/13, 11:47 am

@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.
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: Deixa a categoria deste jeito

Mensagem por viniciusmtn em 03/03/13, 11:51 am

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

viniciusmtn
Usuário destaque

Masculino
Inscrito dia : 04/10/2010
Mensagens : 727
Pontos Ativos : 1102

Ver perfil do usuário http://www.forumxo.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