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
» Colocar mensagem quando tópico é marcado como resolvido
Hoje à(s) 23:32 por Monkey.D.Luffy

» Ajustar aspecto de formulário
Hoje à(s) 23:30 por IsmaelS.

» Botões BBCODE em Hover
Hoje à(s) 23:25 por Luiz~

» Botão resolvido
Hoje à(s) 23:21 por Luiz~

» Aspeto na barra de forumeiros
Hoje à(s) 23:12 por IsmaelS.

» Últimos assuntos personalizado
Hoje à(s) 23:10 por Luiz~

» Owner chatbox
Hoje à(s) 22:26 por IsmaelS.

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
255 usuários online :: 15 usuários cadastrados, 1 Invisível e 239 Visitantes :: 1 Motor de busca

'Dante, Connor R., Expecty, Fraise, Holkis, iScroll, IsmaelS., LDE, Luiz~, Monkey.D.Luffy, Quakeline, Skyler_., Try, YouTube3, «TaysonFenix»

[ 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 : 1235

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4811

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4811

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