Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
241 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 239 Visitantes :: 1 Motor de busca

IsmaelS., virus

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 405
Pontos Ativos : 630

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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 : 405
Pontos Ativos : 630

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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 : 405
Pontos Ativos : 630

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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 : 405
Pontos Ativos : 630

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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 : 405
Pontos Ativos : 630

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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 : 405
Pontos Ativos : 630

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4111
Pontos Ativos : 4734

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".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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

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