CSS de Categorias

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

Resolvido CSS de Categorias

Mensagem por ShaDownS em 13/01/15, 03:31 am

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Internet Explorer
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://fairytailfinalnew.forumeiros.com

Descrição do problema

Oi, faz tempo que não venho aqui Feliz

Bem, eu queria saber como deixar minhas categorias como este fórum aqui: http://www.fairytailmilenium.com.br/

Algum código que deixe igual ou similar a este tipo? =o


Última edição por Cloud' em 13/01/15, 11:49 pm, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: CSS de Categorias

Mensagem por Sennior em 13/01/15, 04:39 am

Saudações! Muito feliz

Coloque o código abaixo no inicio de teu CSS para que haja exito:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
i.header {
background: #2a3846 url('http://www.fairytailmilenium.com.br/public/style_images/v1/maintitle.png') repeat-x 0 0!important;
color: white!important;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px!important;
padding: 6px!important;
min-height: 18px!important;
font-size: 12px!important;
font-weight: 300!important;
-moz-border-radius: 4px 4px 0 0!important;
-webkit-border-top-left-radius: 4px!important;
-webkit-border-top-right-radius: 4px!important;
border-radius: 4px 4px 0 0!important;
border: 1px solid #1e2832!important;
border-bottom: 0!important;
overflow: hidden!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: CSS de Categorias

Mensagem por Consolado em 13/01/15, 07:46 am

Olá!

Utilize esse código CSS:
Código:
li.header{background:#2a3846 url(http://i.imgur.com/P0CbXXl.png) repeat-x 0 0;border:1px solid #1e2832;border-radius:4px 4px 0 0;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;min-height:18px;padding:6px;text-shadow:rgba(0,0,0,0.4) 0 -1px 0}.table-title h2{color:#fff;font-family:tahoma,helvetica,arial,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:bold;text-transform:capitalize}ul.topiclist li{border:1px solid #EEE}ul.forums dd{border-left:1px solid #EEE}ul.forums dd:hover,ul.topiclist li:hover{border-left:1px solid #EEE!important}dd.lastpost{color:#777}dd.lastpost a{color:#445b70!important}.forabg{border:none}
Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: CSS de Categorias

Mensagem por ShaDownS em 13/01/15, 05:27 pm

Ambos os códigos não funcionaram neste meu fórum:
- http://fairytailcelestial.forumeiros.com

Não deu certo no fórum acima também. =/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: CSS de Categorias

Mensagem por EuficoLoko em 13/01/15, 05:38 pm

Olá;

Então, era pro código do Consolado fazer algum efeito, aqui fez. Segue o código completo:
Código:
li.header {background: #2a3846 url('http://www.fairytailmilenium.com.br/public/style_images/v1/maintitle.png') repeat-x 0 0!important;color: white!important;text-shadow: rgba(0,0,0,0.4) 0px -1px 0px!important;padding: 6px!important;min-height: 18px!important;font-size: 12px!important;font-weight: 300!important;-moz-border-radius: 4px 4px 0 0!important;-webkit-border-top-left-radius: 4px!important;-webkit-border-top-right-radius: 4px!important;border-radius: 4px 4px 0 0!important;border: 1px solid #1e2832!important;border-bottom: 0!important;
overflow: hidden!important;}.table-title {background: #2a3846 url('http://www.fairytailmilenium.com.br/public/style_images/v1/maintitle.png') repeat-x 0 0;color: white;text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;padding: 12px;min-height: 18px;font-size: 12px;font-weight: 300;-moz-border-radius: 4px 4px 0 0;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-radius: 4px 4px 0 0;border: 1px solid #1e2832;border-bottom: 0;overflow: hidden;}.forabg{border: none !important;background: none !important}.icon{background: white !important;}
Adicione antes de tudo!

avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: CSS de Categorias

Mensagem por ShaDownS em 13/01/15, 11:49 pm

Pode fechar o tópico.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: CSS de Categorias

Mensagem por Sennior em 14/01/15, 03:06 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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