Alterar ícones do tooltip

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

Resolvido Alterar ícones do tooltip

Mensagem por .Danni. em 23/02/16, 07:04 pm

Detalhes da questão


Endereço do fórum: http://www.castelobruxorpg.com/
Versão do fórum: Invision

Descrição


Boa noite,

A nova tooltip é muito interessante, já consegui adaptar o tema ao do meu fórum, contudo não sei como mudar as imagens sem alterar o html do template?

Eu fui ver o mesmo e ele contém espaços reservados para as imagens dando a entender que elas são alteráveis pela área de gestão de imagens, contudo nenhuma das abas possui os novos ícones.

Imagens em questão:
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em 25/02/16, 02:16 pm

Ninguém?
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por Fraise em 25/02/16, 08:24 pm

Olá @Eva Boss!

Antes do mais, desculpe-me pela demora, eu estive olhando no seu problema e também não encontrei qualquer tipo de solução pela gestão de imagens.
No mais, eu solicito que me forneça um tópico de seu fórum em que essa função esteja ativa. Eu refiro-me, a um tópico com alguma marcação.

Obrigado desde já.
Abraços.
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em 25/02/16, 08:28 pm

Boa noite,

Obrigada pela resposta Feliz aqui está: http://www.castelobruxorpg.com/t38-
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por Fraise em 25/02/16, 08:49 pm

Crie um novo JavaScript com investimento 'Em todas as páginas' utilizando o seguinte código:
Código:
function mudarimagem() {
    var imagem1 = document.getElementsByClassName("tooltip-actions > ul > li > a > img:nth-child(1)");
    var imagem2 = document.getElementsByClassName("tooltip-actions > ul > li > a > img:nth-child(2)");
    var imagem3 = document.getElementsByClassName("tooltip-actions > ul > li > a > img:nth-child(3)");
    var imagem4 = document.getElementsByClassName("tooltip-actions > ul > li > a > img:nth-child(4)");
    imagem1.src = "http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif"
    imagem2.src = "http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif"
    imagem3.src = "http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif"
    imagem4.src = "http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif"
}

Altere os links das imagens no código de acordo com a sua ordem. Muito feliz

Abraços.
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em 25/02/16, 08:54 pm

Não pegou :/
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em 26/02/16, 03:47 pm

Olá!

Troque por este:

Código:
$(function() {
$('.tooltip-actions ul li:nth-child(1) img').attr("src","http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif");
  $('.tooltip-actions ul li:nth-child(2) img').attr("src","http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif");
  $('.tooltip-actions ul li:nth-child(3) img').attr("src","http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif");
  $('.tooltip-actions ul li:nth-child(4) img').attr("src","http://r26.imgfast.net/users/2612/28/77/07/smiles/61552.gif");
});

Eles estão em ordem que são apresentados, por isso creio que seja viável para você trocar os links acima sem qualquer problema.

Até mais.
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em 26/02/16, 05:06 pm

Mesma coisa, sem resultado :/
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em 26/02/16, 05:37 pm

Bom, ok poderemos fazer por templates. Veja se o tutorial abaixo lhe ajuda:

Spoiler:


[TUTORIAL] Alterar imagens da nova caixa flutuante

Introdução

Neste tutorial iremos aprender a substituir as imagens padrão da nova função recentemente adicionada.


-->Tutoriais, dicas e astúcias <--


[TUTORIAL] Alterar imagens da nova caixa flutuante


- Localizar o template necessitado
Primeiramente, abra o seu painel de controle e faça os seguintes passos:

Visualização Seta Templates Seta  Geral Seta mentions_tooltip


- Parte do código a substituir
A substituição das imagens é bem simples! Localize a tag <img> e em src coloque o link da nova imagem. Por exemplo:


Antes:


Código:
<!-- BEGIN switch_button_tooltip_PROFILE -->
            <li>
                <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
                    <img src="{switch_button_tooltip_PROFILE.IMAGE}" alt="{switch_button_tooltip_PROFILE.LANG}" />
                </a>
            </li>

Depois:


Código:
<!-- BEGIN switch_button_tooltip_PROFILE -->
            <li>
                <a href="{switch_button_tooltip_PROFILE.URL}" title="{switch_button_tooltip_PROFILE.LANG}">
                    <img src="http://aminhaimagem.png" alt="{switch_button_tooltip_PROFILE.LANG}" />
                </a>
            </li>

Note a parte que alteramos:

<img src="http://aminhaimagem.png" alt="{switch_button_tooltip_PROFILE.LANG}" />

- Resultado:
Após temos feito as alterações, este será o resultado:

Antes:




Depois:




Perguntas & Respostas



  • Como saber qual parte do código altera qual imagem??
    É bem simples, existem 6 imagens. Antes de cada imagem podemos localizar os seguintes trechos, que nos indicarão qual imagem modifica

    <!-- BEGIN switch_button_tooltip_PROFILE --> Seta Perfil
    <!-- BEGIN switch_button_tooltip_PM --> Seta Mensagem Privada
    <!-- BEGIN switch_button_tooltip_FRIEND --> Seta Adicionar amigo
    <!-- BEGIN switch_button_tooltip_MESSAGES --> Seta Ver mensagens do usuário
    <!-- BEGIN switch_button_tooltip_FACEBOOK --> Seta Facebook
    <!-- BEGIN switch_button_tooltip_TWITTER --> Seta Twitter






©️ Fórum dos Fóruns & RafaelS



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[TUTORIAL] Alterar imagens da nova caixa flutuante
avatar

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em 26/02/16, 06:06 pm

Obrigada, ajudou bastante Feliz
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em 26/02/16, 08:08 pm

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum