Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Mozilla Firefox, Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://crepusculobestseller.forumeiros.com

Descrição do problema

Oi, queria deixar o título de minhas categorias (Ex: Regras Gerais e Gráficos) como aqui all-graphics.forumeiros.com/forum e, antes que tentem dizer que estou copiando, o all-graphics é meu. Mas não funciona o código do Phpbb3 no phpbb2.

Saudações!

Adicione este código no início da tua CSS:

Código:

.forumlink {
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
color: #fff;
display: block;
font-family: AniBeatriceCursive;
font-size: 30px;
letter-spacing: -1px;
margin-left: 10px;
position: relative;
text-align: center;
text-shadow: 1px 1px 0 #000;
transition: all .3s ease-in-out;
width: 380px;
}

a.forumtitle:hover {
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
border: none;
color: #44332B;
font-style: none;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
transition: all .3s ease-in-out;
}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Salve!

Atenciosamente,
Hakuouki

Não resulta.
@Edit: Só mexeu com os títulos dos fóruns, quero da categoria.

Olá novamente autor!

Substitua-o por este:

Código:

.forumlink {
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
color: #fff !important;
display: block !important;
font-family: AniBeatriceCursive !important;
font-size: 30px !important;
letter-spacing: -1px !important;
margin-left: 10px !important;
position: relative !important;
text-align: center !important;
text-shadow: 1px 1px 0 #000 !important;
transition: all .3s ease-in-out !important;
width: 380px !important;
}

a.forumtitle:hover {
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
border: none !important;
color: #44332B !important;
font-style: none !important;
letter-spacing: 2px !important;
text-align: center !important;
text-decoration: none !important;
transition: all .3s ease-in-out !important;
}

Atenciosamente,
Hakuouki

Novamente, só resulta nos fóruns, não nas categorias.
Diferença das categorias e fóruns em all-graphics.forumeiros.com/forum :
Regras Gerais = Categorias
Regras = Fórum
Gráficos = Categorias
Avatares = Fórum.

Olá novamente autora!

Perdoe-me, achei que se dirigisse aos fóruns e não as categorias. Aqui está o código:

Código:

.secondarytitle, .secondarytitle h2 {
background: none repeat scroll 0 0 #0F1319;
background-color: #332620;
border-bottom: 15px solid #44332B;
color: #000;
font-family: End of the dream;
font-size: 1px;
letter-spacing: 1px;
min-height: 0;
padding-bottom: 10px;
padding-top: 25px;
text-align: center;
text-transform: uppercase;
transition: all .5s ease-in-out .2s;
vertical-align: middle;
}
.secondarytitle, .secondarytitle h2:hover {
background-color: #44332B;
border-bottom: 15px solid #332620;
transition: all .5s ease-in-out .2s;
}
.secondarytitle h2 {
color: #fff;
font-family: 'Foxes In Love';
font-size: 55px;
font-weight: lighter;
letter-spacing: -1px;
line-height: .6em;
margin-left: 50px;
padding-left: 0;
text-align: center;
text-shadow: 1px 1px 1px #000;
text-transform: Capitalize;
width: 1000px;
}

Salve!

Atenciosamente,
Hakuouki

Ele está sem o efeito hover e só foi até a metade...

Saudações!

Substitua por este:

Código:

th.secondarytitle {
background: none repeat scroll 0 0 #0F1319;
background-color: #332620;
border-bottom: 15px solid #44332B;
color: #000;
font-family: End of the dream;
font-size: 1px;
letter-spacing: 1px;
min-height: 0;
padding-bottom: 10px;
padding-top: 25px;
text-align: center;
text-transform: uppercase;
transition: all .5s ease-in-out .2s;
vertical-align: middle;
width: auto !important;
}
th.secondarytitle:hover {
background-color: #44332B;
border-bottom: 15px solid #332620;
transition: all .5s ease-in-out .2s;
width: auto !important;
}
.secondarytitle h2 {
color: #fff;
font-family: 'Foxes In Love';
font-size: 55px;
font-weight: lighter;
letter-spacing: -1px;
line-height: .6em;
margin-left: 50px;
padding-left: 0;
text-align: center;
text-shadow: 1px 1px 1px #000;
text-transform: Capitalize;
width: auto !important;
}

Salve!

Atenciosamente,
Hakuouki

Valeu, mas já consegui aqui.