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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Topo da Página
Hoje à(s) 1:24 por Cooper

» Alinhamento e virgulas dos sub fóruns.
Ontem à(s) 23:55 por Claudio Arthur

» Degradê no fórum
Ontem à(s) 22:45 por Heikki

» Editar tópicos
Ontem à(s) 22:25 por Matheus Herzog

» Mostrar online nas mensagens
Ontem à(s) 22:24 por Luiz~

» Userbar / Fanbar
Ontem à(s) 21:20 por Tiger

» Ranks PMS + Banner
Ontem à(s) 20:27 por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
240 usuários online :: 10 usuários cadastrados, 1 Invisível e 229 Visitantes :: 2 Motores de busca

Ace, Anderson_WondeR, Br_SP_Rodrigo, Claudio Arthur, Cooper, HASSIN-ADMIN, Heikki, iScroll, Luiz~, ranzatti

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Fundo de categoria diferente

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

Resolvido Fundo de categoria diferente

Mensagem por JeffLm em Qui 15 Set 2016 - 23:38

Detalhes da questão


Endereço do fórum: http://pivotbrasil.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Eu queria saber como deixar cada fundo de uma categoria diferente das outras.Por exemplo:
http://prntscr.com/cihqoi
O fundo da categoria Miscelânea é verde,enquanto o fundo da categoria Criações Gráficas é azul.Como o FDF faz isso?Se tem como fazer isso,há como deixar por imagens?
avatar

JeffLm
Nível 7

Masculino
Inscrito dia : 27/03/2014
Mensagens : 88
Pontos Ativos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Resolvido Re: Fundo de categoria diferente

Mensagem por while em Sex 16 Set 2016 - 0:35

Olá autor.

Vamos por passos tudo bem? deixarei organizado para sua leitura.

  • Alteração do titulo da categoria: Pois bem, será preciso editar o nome do titulo da sua categoria, deixando dessa forma:
    <div id="cat-lixeira">Nome da categoria</div>

  • Criação de um JAVASCRIPT: Para que o código surta efeito, essa parte é essencial também, crie com investimento no índice.
    $(function() {
    $('#cat-lixeira').closest('.forumline').addClass('cat-suporte');
    });

  • Adição de código CSS: Então depois de efetuar todos os passos acima, você faz o código css, que ficará dessa forma:

    .forumline.lixeira {background: url("IMAGEM")!important;}




  • Como faço pra ter esse efeito em alguma outra categoria? Simples, basta você fazer todos os pontos citado acima, porém com códigos diferentes, veja um exemplo:

    Titulo da categoria ficaria assim:
    <div id="cat-while">Nome da categoria</div>

    Javascript ficaria assim:
    $(function() {
    $('#cat-while').closest('.forumline').addClass('cat-while');
    });

    CSS ficaria assim:
    .forumline.while {background: url("IMAGEM")!important;}

    Viu que tem algumas partes nos exemplos que citei que o texto está em laranja certo? pois é... são essas partes que você deve alterar para criação de novos e novos efeitos nas categorias.

Espero que tenha entendido.
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4492

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Fundo de categoria diferente

Mensagem por while em Seg 19 Set 2016 - 2:11

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4492

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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