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
» [Continuação] Formulário
Hoje à(s) 02:12 pm por Kenno LP

» Widget novidades não funciona
Hoje à(s) 12:59 pm por iScroll

» Personalizar Likes
Hoje à(s) 12:58 pm por iScroll

» Citação não aparece nome de usuário
Hoje à(s) 12:56 pm por iScroll

» Sub-Menu de Login
Hoje à(s) 12:56 pm por iScroll

» Como Tirar essas linhas do ChatBox
Hoje à(s) 12:42 pm por weverson lopes

» Devisa TÓPICO
Hoje à(s) 12:06 pm por LeoziN_WallkeR

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
285 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 276 Visitantes :: 2 Motores de busca

Connor R., Fou-Lu, GustavoDM11, Holkis, iScroll, Kenno LP, LeoziN_WallkeR, RafaelS., virus

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

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

Ver perfil do usuário 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