Categorias com imagens diferentes

2 participantes

Ir para baixo

Tópico resolvido Categorias com imagens diferentes

Mensagem por tatsuhito 24.06.17 17:07

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.
tatsuhito
tatsuhito
Novo Membro

Membro desde : 13/02/2016
Mensagens : 27
Pontos : 45

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen 24.06.17 17:11

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'.
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito 24.06.17 17:16

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 > https://i.imgur.com/GJS0ylF.png ?
Ainda não tenho todas feitas.
tatsuhito
tatsuhito
Novo Membro

Membro desde : 13/02/2016
Mensagens : 27
Pontos : 45

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen 24.06.17 18:20

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

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

Até mais
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito 24.06.17 19:25

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.
tatsuhito
tatsuhito
Novo Membro

Membro desde : 13/02/2016
Mensagens : 27
Pontos : 45

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen 24.06.17 19:42

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
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por tatsuhito 24.06.17 22:20

Deu certo, agradeço pelo acompanhamento e o atendimento.
tatsuhito
tatsuhito
Novo Membro

Membro desde : 13/02/2016
Mensagens : 27
Pontos : 45

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Categorias com imagens diferentes

Mensagem por Harleen 24.06.17 22:22

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.
Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos