Degradê no fórum

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

Resolvido Degradê no fórum

Mensagem por Appoloz em 16/01/17, 02:29 pm

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


Última edição por Appoloz em 17/01/17, 12:00 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 16/01/17, 02:41 pm

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. Feliz
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Appoloz em 16/01/17, 08:12 pm

Isso eu faço no viewtopic_body?
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 16/01/17, 08:17 pm

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

Categoria é isso:
Spoiler:

Entendeu? =p
Até mais. Feliz
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Appoloz em 16/01/17, 08:21 pm

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 16/01/17, 08:25 pm

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. Feliz
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Appoloz em 16/01/17, 08:36 pm

Pronto
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 16/01/17, 10:12 pm

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:
Uhh, finalmente. Depois de anos, um noob em JavaScript termina. =p

O resultado:

Até mais. De bem com a vida
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Appoloz em 16/01/17, 11:12 pm

não resultou
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 17/01/17, 12:28 am

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

Até.
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Appoloz em 17/01/17, 08:03 am

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 413
Pontos Ativos : 640

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Degradê no fórum

Mensagem por Luiz em 17/01/17, 08:39 am

~-~
KKKKK.
Okay.
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7344

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Degradê no fórum

Mensagem por Kyo Panda em 17/01/17, 09:20 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum