Sub-fóruns

[Roger_MasK]

Detalhes da questão

Endereço do fórum: http://brasilplaymask.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá, eu gostaria de colocar os sub-fóruns do meu fórum do seguinte jeito:
http://prntscr.com/fyzxjp

Como podem ver no meu fórum fica do seguinte jeito:
http://prntscr.com/fyzymz


Desde já... Obrigado!
Estou no aguardo de alguma resposta.


Att. Roger Sobral

[Harleen]

Olá, altere a imagem e depois leia esses tópicos:

https://ajuda.forumeiros.com/t108564-
https://ajuda.forumeiros.com/t101316-

Até mais

[Roger_MasK]

Olá, consegui o que queria.

Mas agora queria que quando o mouse ficasse por cima de um dos links inferiores o mesmo trocasse de cor, e acendesse!

Até.

[Kyo Panda]

Adicione ao seu CSS:

Código:

.desc.forum_desc ~ a {
    transition: 250ms color;
}

.desc.forum_desc ~ a:hover,
.desc.forum_desc ~ a:focus,
.desc.forum_desc ~ a:active {
    color: #FF00F7;
}

[Roger_MasK]

Funcionou, agora queria retirar o ">" na frente dos links inferiores
Print:
http://prntscr.com/g05odw

Att. Roger Sobral 

[Harleen]

Olá, procure esse CSS

Código:

span + br + a.gensmall::before, td.tcl a.gensmall[href*="/f"]::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 3px;
    font-size: 13.5px;
    position: relative;
    bottom: -0.5px;
}

E adicione, ou troque por esse

Código:

td.tcl a.gensmall[href*="/f"] {
    margin-left: 15px;
}

Ficará assim http://prntscr.com/g05s32

[Roger_MasK]

Funcionou, agora queria que a imagem, ficasse bem na frente do link inferior, pois a imagem encontra-se nos centros.
Está assim:
http://prntscr.com/g063z2

Eu queria que ficasse onde está o pontinho preto na seguinte imagem:
http://prntscr.com/g064iy

Att. Roger Sobral 

[Harleen]

Olá, adicione mais esse

Código:

td.tcl a {
    margin-top: -8px !important;
}

altere o -8px de acordo com a necessidade.

Resultado http://prntscr.com/g06abv

[Roger_MasK]

Funcionou, agora apenas queria que os links inferiores ficassem com outra font, e em negrito.

Font: Impact.
Negrito.

[Harleen]

Troque esse código passado acima por esse

Código:

td.tcl a.gensmall[href*="/f"] {
  font-family: Impact;
   font-size: 14px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   line-height: 3.6px;
   margin-left: 15px;
}

Resultado http://prntscr.com/g06li6

P.S. eu não conheço a fonte, apenas "joguei" no google e foi essa que apareceu, se não for, procure no google fonts uma similar...

[Roger_MasK]

Obrigado, é tudo que queria
Pode fechar.

Att. Roger Sobral

[Harleen]

Não há de que

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