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
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
193 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 193 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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/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/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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

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/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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

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/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 : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.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/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 : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.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/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 : 3116
Pontos Ativos : 4027

Ver perfil do usuário http://maisforum.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