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
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
176 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 175 Visitantes :: 2 Motores de busca

soldado

[ 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

Ver perfil do usuário 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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 3107
Pontos Ativos : 4515

Ver perfil do usuário http://www.ajuda.forumeiros.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