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
187 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 186 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

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 : 19
Pontos Ativos : 27

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 : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

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 : 19
Pontos Ativos : 27

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 : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

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 : 19
Pontos Ativos : 27

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 : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

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 : 19
Pontos Ativos : 27

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 : 1514
Pontos Ativos : 1964

Ver perfil do usuário https://soulfulbrmusic.forumeiros.com/

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