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.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
97 usuários online :: 4 usuários cadastrados, 1 Invisível e 92 Visitantes :: 2 Motores de busca

Bookmarlucas654, Eden, Lineshooter, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Ter 23 Fev 2016 - 22:04

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:

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em Qui 25 Fev 2016 - 17:16

Ninguém?

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por Fraise em Qui 25 Fev 2016 - 23:24

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em Qui 25 Fev 2016 - 23:28

Boa noite,

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por Fraise em Qui 25 Fev 2016 - 23:49

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7159

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em Qui 25 Fev 2016 - 23:54

Não pegou :/

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em Sex 26 Fev 2016 - 18:47

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.

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em Sex 26 Fev 2016 - 20:06

Mesma coisa, sem resultado :/

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em Sex 26 Fev 2016 - 20:37

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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

http://maisforum.forumeiros.com

Resolvido Re: Alterar ícones do tooltip

Mensagem por .Danni. em Sex 26 Fev 2016 - 21:06

Obrigada, ajudou bastante Feliz

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1859
Pontos Ativos : 5113

http://castelobruxorpg.com https://www.facebook.com/https://www.facebook.com/dannielagoes

Resolvido Re: Alterar ícones do tooltip

Mensagem por RafaelS. em Sex 26 Fev 2016 - 23:08

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3098
Pontos Ativos : 4945

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5