Imagem na categoria

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.

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

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">')});

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

Atenciosamente,
Podolski

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.

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.

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.

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    Módulos    HTML & JAVASCRIPT    Gestão dos códigos JavaScript

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

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>');
                }

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 http://slegends.forumeiros.com/c1-indice

Veja o exemplo de uma categoria aqui da forumeiros:
Atendimento ao Usuário Forumeiros 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

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

UP

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)");
                }
            });
        });
    });
});

Funcionou ^w^
Muito obrigado ... XD