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
» Menu fórum
Hoje à(s) 03:41 pm por PrisoN†BreaK

» Fórum em Manutenção por mais de 7 dias
Hoje à(s) 02:40 pm por Harleen

» Skyfall DayZ Brasil
Hoje à(s) 02:22 pm por Akinfeev2700

» Template tópicos recentes
Hoje à(s) 01:15 pm por Harleen

» Adicionar botão do Mercado Pago nas mensagens
Hoje à(s) 12:17 pm por Marmitt

» Apontar forum para domínio Registro.br
Hoje à(s) 11:32 am por acidfrehley

» Messagem de tópico restrito a usuários especiais
Hoje à(s) 09:52 am por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
Shek
 
JulioPais
 
APOllO
 
Forumpw
 

Quem está conectado
272 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 268 Visitantes :: 2 Motores de busca

Connor R., Kokoro, Kyo Panda, PrisoN†BreaK

[ Ver toda a lista ]


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

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 15/09/16, 07:38 pm

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 15/09/16, 08:35 pm

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 : 4499

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 18/09/16, 10:11 pm

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 : 4499

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