Degradê no fórum

[Appoloz]

Detalhes da questão

Endereço do fórum: http://narutoworld.ultimaterpg.net/
Versão do fórum: PunBB

Descrição

Como faço para por um degradê somente em um fórum?
Tipo no "seu primeiro fórum", queria um degradê desde a borda esquerda até a direita, indo do #663300 até a cor atual do fórum

[Luiz]

Olá.

Faça o seguinte.

Provavelmente, há uma categoria que está "acima" deste sub-fórum "seu primeiro fórum".
No nome da categoria em questão, coloque este código:

Código:

<span class="c-degrade">NOME À SUA ESCOLHA DA CATEGORIA</span>

E modifique o nome à sua escolha.

Após fazer isso, daremos continuidade.

[Appoloz]

Isso eu faço no viewtopic_body?

[Luiz]

Na verdade... não.
Você se faz isso nas configurações de uma categoria.

Categoria é isso:

Spoiler:

Entendeu? =p
Até mais.

[Appoloz]

pronto, mas assim, vou querer cada fórum com um degrade, e estes fóruns estarão na mesma categoria...

[Luiz]

O senhor ainda não entendeu...
Siga os passos, através de seu Painel de Controle:
Geral -> Fórum -> Categorias e Fóruns.

Configure desta forma:

Spoiler:

No caso, isso é um modelo de como ficaria a sua categoria "Início", que é a categoria que abrange o fórum no qual você quer o degradê.

Até mais.

[Appoloz]

Pronto

[Luiz]

Olá.
Adicione este JavaScript, com investimento no início ou em todas as páginas:

Código:

/** By Luiz~ | ajuda.forumeiros.com | Não remover esta linha */
$(function(){
  $('.c-degrade').closest('div.boxfmvi').addClass('cat-degrade');
  $('div.cat-degrade table').removeClass('table');
});

Agora, adicione ao CSS:

Código:

div.boxfmvi.cat-degrade .main-content table {
    border-collapse: collapse;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
    z-index: 9;
    background: #fcfcfc;
    background: -webkit-linear-gradient(left, #663300 , #fcfcfc)!important;
    background: -o-linear-gradient(right, #663300, #fcfcfc)!important;
    background: -moz-linear-gradient(right, #663300, #fcfcfc)!important;
    background: linear-gradient(to right, #663300 , #fcfcfc)!important;
}

div.cat-degrade .reppost {
background:transparent!important;
background-color:transparent!important;
}

.cat-degrade td.tc2 {
    background-color: #724314!important;
}

.cat-degrade td.tc2 img {
    position: relative;
    left: 36px;
    top: -14px;
}

Spoiler:

Até mais.

[Appoloz]

não resultou

[Luiz]

Passe-me o conteúdo do template:
index_box, além de remover o Js e CSS que lhe passei anteriormente.

Até.

[Appoloz]

Pensando bem, vou desistir da ideia, to vendo na sua screenshot e não vai ficar tão legal quanto eu imaginava, obrigado

[Luiz]

~-~
KKKKK.
Okay.

[Kyo Panda]

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