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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Pedido de Rank (Moderador)
Hoje à(s) 5:57 por -xGabriel..

» Templates dos tópicos
Hoje à(s) 5:47 por Varyan Frostwolf

» Sub-fóruns personalizados
Hoje à(s) 1:56 por Cream

» Personalizar perfil do fórum
Hoje à(s) 1:37 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 1:35 por Cream

» Criar tags BBcode
Hoje à(s) 1:01 por Cream

» Perfis em mensagens privadas
Hoje à(s) 0:28 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
-xGabriel..
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
43 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 42 Visitantes :: 1 Motor de busca

Fraise

[ 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 : 5042

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 : 5042

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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 : 5042

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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 : 5042

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 : 4874

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 : 5042

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 : 4874

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 : 5042

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 : 4874

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