Categorias com imagens diferentes

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

Resolvido Categorias com imagens diferentes

Mensagem por tatsuhito em 24/06/17, 01:07 pm

Detalhes da questão


Endereço do fórum: http://pokemon-sh.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá, eu queria saber como posso colocar imagens diferentes no meu fórum, eu fiz uma pesquisa e tentei colocar um código, mas acabou não dando certo.
O código atual que estou usando nas categorias é este:
Código:
ul.topiclist li {
display: block;
margin: 0;
}
 
.forabg  {
background: #FFFFFF;
border: 1px solid #E0E0E0;
overflow: hidden;
padding: 7px;
padding-bottom: 0px;
padding-top: 2px;
margin-top: 5px;
margin-bottom: 5px;
}
 
li.header {
background: url(http://i.imgur.com/ZDtPTbo.png);
padding-top: 90px;
padding-bottom: 90px;
padding-right: 5px;
text-align: right;
text-transform: none;
outline: 0px solid white;
outline-offset: -10px;
}
 
.table-title, .table-title h2 {
color: #fff;
display: none;
background: #1E90FF;
padding: 10px;
padding-left: 7px;
padding-right: 40px;
font-family: raleway;
font-size: 20px;
line-height: 20px;
font-variant: normal;
font-weight: 900;
letter-spacing: -1px;
text-transform: uppercase;
}
 
/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
width: 100%;
}

Também não tenho certeza se é algo no código do CSS que está causando o problema.
avatar

tatsuhito
Nível 3

Masculino
Inscrito dia : 13/02/2016
Mensagens : 21
Pontos Ativos : 31

Ver perfil do usuário http://pokemon-sh.forumeiros.com/

Resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen em 24/06/17, 01:11 pm

Boa tarde, quais imagens você deseja inserir nas categorias, especifique melhor a questão.

Até mais

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito em 24/06/17, 01:16 pm

Eu gostaria de ter imagens diferentes em cada categoria do fórum, mais ou menos com o mesmo estilo de categorias daqui, só que ao invés de imagens, são cores.
E por enquanto, poderia colocar apenas esta imagem > http://i.imgur.com/GJS0ylF.png ?
Ainda não tenho todas feitas.
avatar

tatsuhito
Nível 3

Masculino
Inscrito dia : 13/02/2016
Mensagens : 21
Pontos Ativos : 31

Ver perfil do usuário http://pokemon-sh.forumeiros.com/

Resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen em 24/06/17, 02:20 pm

Olá, leia a mensagem do Kyo Panda nesse tópico e veja se resulta

http://ajuda.forumeiros.com/t107943-categorias-com-fundos-diferentes#755787

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito em 24/06/17, 03:25 pm

Eu tentei exatamente com este código, mas por algum motivo não deu em nada. Ele está nos códigos de javascript do meu fórum.
avatar

tatsuhito
Nível 3

Masculino
Inscrito dia : 13/02/2016
Mensagens : 21
Pontos Ativos : 31

Ver perfil do usuário http://pokemon-sh.forumeiros.com/

Resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen em 24/06/17, 03:42 pm

Eu testei e o código funcionou perfeitamente, poste aqui o código está configurado.
Experimente também desativar outros para ver se há conflito.

Veja http://prntscr.com/fnpr8q

Editado

@Hasegawa troque o JavaScript por esse
Código:
/* global jQuery */
(function($) {
    'use strict';

    var headers = {
        'Gestão Principal': 'http://i.imgur.com/ZDtPTbo.png',
        'Seu Personagem': 'http://i.imgur.com/nTdt2Iy.png',
        'Hellas Region': 'http://i.imgur.com/ZDtPTbo.png',
        'Fora do RPG': 'http://i.imgur.com/GJS0ylF.png',
        'Arquivos do Fórum': 'http://i.imgur.com/ZDtPTbo.png',
    };

    $(function() {
        $('.topiclist .header .table-title h2').each(function() {
            var $self = $(this);
            var title = $.trim($self.text());

            $.map(headers, function(value, key) {
                if (title === key) {
                    $self.closest('.header').css('background-image', 'url(' + value + ')');
                }
            });
        });
    });
}(jQuery));

Resultados
http://prntscr.com/fnrexx
http://prntscr.com/fnrf7z


Alternei as imagens para que possa ver melhor

Até mais
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

Resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito em 24/06/17, 06:20 pm

Deu certo, agradeço pelo acompanhamento e o atendimento.
avatar

tatsuhito
Nível 3

Masculino
Inscrito dia : 13/02/2016
Mensagens : 21
Pontos Ativos : 31

Ver perfil do usuário http://pokemon-sh.forumeiros.com/
  • 0

Resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen em 24/06/17, 06:22 pm

Não há de que, disponha Rosa




Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1532
Pontos Ativos : 1986

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/ https://go.topicit.net/ZosT/ZanjVxxqwI

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