Imagem na categoria

4 participantes

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

Tópico resolvido Imagem na categoria

Mensagem por Raadam 18.08.16 5:16

Detalhes da questão


Endereço do fórum: http://slegends.forumeiros.com/forum
Versão do fórum: PhpBB2

Descrição


Olá, eu queria saber como que eu faço para colocar uma imagem que irá se repetir em todo o tópico do mesmo local, por exemplo: Meu fórum possui o tem de Naruto, e as vilas são divididas por categorias, eu quero colocar a imagem de cada vila nas categorias para aparecer em miniatura em todas as postagens que forem feitas da vila. Da mesma forma que a imagem a baixo. Agradeço desde já, e não sei se é o local certo para ver essa minha questão.

Imagem na categoria MuSJt45
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Neox 18.08.16 5:23

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título: Escolha o título que quiser
Investimento Em todas as páginas

Codigo JavaScript:
Código:
jQuery(document).ready(function(){jQuery('th.secondarytitle:contains("NOME")').html('<img src="LINK">')});

NOME = O nome atual da categorias com letras maiúsculas, minusculas e acentos.
LINK = Link da imagem que substituirá o nome da categoria.

Clique em "Confirmar".

Atenciosamente,
Podolski
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 18.08.16 5:47

Olá Podolski ^w^
Bom eu criei o javascript com o código, e coloquei em "NOME" um único local para fazer o teste, e a imagem não foi para lugar nenhum. Obrigado por me ajudar, e acredito que iremos chegar lá.

Código que eu usei:
Código:
jQuery(document).ready(function(){jQuery('th.secondarytitle:contains("[Konoha] Praça da vila ")').html('<img src="http://i.imgur.com/I2Ykxae.png">')});
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Neox 18.08.16 5:52

Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 18.08.16 14:32

Podolski escreveu:Olá,
Já leu este tutorial?
https://ajuda.forumeiros.com/t11750-faq-visualizar-e-gerir-as-categorias-foruns-e-subforuns

Atenciosamente,
Podolski

Talvez seja dessa forma o que eu estou querendo fazer, mais no meu fórum eu já coloquei imagens nesses locais, e a imagem não aparecem nos últimos assuntos, por isso eu acho que deve ser um código.
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Cepheus 18.08.16 16:01

O código usado no fórum é esse:
Código:
$(function() {
    $('#left .module a[href^="/t"]').each(function() {
        var y = $(this).attr('href');
        var nativ = $(this);
        $.get(y, function(dados) {
            $('a[href*="/c"][class="nav"]', dados).eq(1).each(function() {
                var x = $(this, dados).text();
                if (x == "País do Vento") {
                    $(nativ).prepend('<img src="http://i.imgur.com/2PobRje.png"></img>');
                } else if (x == "País do Fogo") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/XzSY63k.png"></img>');
                } else if (x == "País da Água") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/jHzIPuq.png"></img>');
                } else if (x == "País da Terra") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/XzSY63k.png"></img>');
                } else if (x == "País do Trovão") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/yiVLEM6.png"></img>');
                } else {
                    console.log(x + " Matthew Angels - Forumactif (Verified by Hancki)");
                }
            });
        });
    });
});
Conforme você pode visualizar nessa postagem: https://ajuda.forumeiros.com/t105529-tags-nos-topicos-sumiram#736473

Você só precisa fazer a alteração conforme o nome das categorias do seu fórum e a imagem que deseja.

Exemplo: http://slegends.forumeiros.com/c1-indice
Sabemos que esse endereço é uma categoria e o nome dado para essa categoria é : Índice
Então queremos que toda postagem que aparecer dentro da categoria Índice será exibido uma determinada imagem.

Então a parte do código ficaria assim:
Código:
 if (x == "Índice") {
                    $(nativ).prepend('<img src="URL_DA_IMAGEM_A_SER_EXIBIDA"></img>');
                }

Repita esse processo para cada categoria do seu fórum.


Última edição por Cepheus em 18.08.16 17:41, editado 2 vez(es)
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 18.08.16 16:36

Tudo bele Cepheus ^^
Aqui, onde que fica esse código a ser substituído? No caso é o código usado no fórum, que eu tenho de trocar por esse novo que você me disponibilizou.
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Cepheus 18.08.16 17:40

Você só precisa modificar o código que disponibilizei, conforme você deseja trocando as imagens e o titulo das categorias.

Depois de modificar o código que passei acima só acessar:

Painel de Controle  Seta  Módulos  Seta  HTML & JAVASCRIPT  Seta  Gestão dos códigos JavaScript

Seta  Criar um novo JavaScript, com investimento em todas as paginas.
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 18.08.16 19:30

Olá meu amigo ^^
Coloquei o code juntamente ao nome da categoria e a imagem desejada, e mesmo assim nada. Segue a baixo a forma que eu fiz.

Código:
if (x == " Ho no Kuni") {
                    $(nativ).prepend('<img src="http://i.imgur.com/I2Ykxae.png"></img>');
                }

 if (x == "Mizu no Kuni") {
                    $(nativ).prepend('<img src="http://i.imgur.com/94qjLLP.png"></img>');
                }

 if (x == "Ishi no Kuni") {
                    $(nativ).prepend('<img src="http://i.imgur.com/RaMXy3H.png"></img>');
                }
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Cepheus 18.08.16 20:13

Essas categorias existem em seu fórum?
Qual seria o endereço de cada uma?
Ho no Kuni
Mizu no Kuni
Ishi no Kuni

Veja o exemplo de uma categoria do seu fórum:
Índice Seta http://slegends.forumeiros.com/c1-indice

Veja o exemplo de uma categoria aqui da forumeiros:
Atendimento ao Usuário Forumeiros Seta https://ajuda.forumeiros.com/c2-atendimento-ao-usuario-forumeiros

Se as categorias existirem o código ficaria assim:
Código:
$(function() {
    $('#left .module a[href^="/t"], #right .module a[href^="/t"]').each(function() {
        var y = $(this).attr('href');
        var nativ = $(this);
        $.get(y, function(dados) {
            $('a[href*="/c"][class="nav"]', dados).eq(1).each(function() {
                var x = $(this, dados).text();
                if (x == "Ho no Kuni") {
                    $(nativ).prepend('<img src="http://i.imgur.com/I2Ykxae.png"></img>');
                } else if (x == "Mizu no Kuni") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/94qjLLP.png"></img>');
                } else if (x == "Ishi no Kuni") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/RaMXy3H.png"></img>');
                } else {
                    console.log(x + " Matthew Angels - Forumactif (Verified by Hancki)");
                }
            });
        });
    });
});

Edit: Como você retirou a posição dos widgets, removendo a coluna esquerda, fiz uma alteração no código para funcionar tanto no lado esquerdo como no lado direito.
Reveja o código

Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 19.08.16 1:44

Olá Cepheus!
Então, os locais em questão existem e mesmo assim não funcionou ..., e se for o caso eu coloco os widgets da maneira como estavam antes.

http://slegends.forumeiros.com/c5-ho-no-kuni

http://slegends.forumeiros.com/c4-mizu-no-kuni

http://slegends.forumeiros.com/c6-ishi-no-kuni
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 20.08.16 21:50

UP
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Cepheus 21.08.16 3:10

Não havia reparado que seu fórum é phpbb2, fiz uma alteração para a versão do seu fórum.
troque o JS por esse:
Código:
$(function() {
    $('#left .forumline td .gensmall a[href^="/t"], #right .forumline td .gensmall a[href^="/t"]').each(function() {
        var y = $(this).attr('href');
        var nativ = $(this);
        $.get(y, function(dados) {
            $('a[href*="/c"][class="nav"]', dados).eq(1).each(function() {
                var x = $(this, dados).text();
                if (x == "Ho no Kuni") {
                    $(nativ).prepend('<img src="http://i.imgur.com/I2Ykxae.png"></img>');
                } else if (x == "Mizu no Kuni") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/94qjLLP.png"></img>');
                } else if (x == "Ishi no Kuni") {
 
                    $(nativ).prepend('<img src="http://i.imgur.com/RaMXy3H.png"></img>');
                } else {
                    console.log(x + " Matthew Angels - Forumactif (Verified by Hancki)");
                }
            });
        });
    });
});
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na categoria

Mensagem por Raadam 22.08.16 14:50

Funcionou ^w^
Muito obrigado ... XD
Raadam

Raadam
Novo Membro

Membro desde : 20/11/2010
Mensagens : 23
Pontos : 33

http://narutoalternativoali.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Imagem na categoria

Mensagem por Sennior 22.08.16 16:41

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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