Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Alterar ícones do tooltip
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Alterar ícones do tooltip
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:
Re: Alterar ícones do tooltip
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
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
Re: Alterar ícones do tooltip
Crie um novo JavaScript com investimento 'Em todas as páginas' utilizando o seguinte código:
Altere os links das imagens no código de acordo com a sua ordem.
Abraços.
Fraise
- 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.
Abraços.
Fraise
Re: Alterar ícones do tooltip
Olá!
Troque por este:
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.
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.
Re: Alterar ícones do tooltip
Bom, ok poderemos fazer por templates. Veja se o tutorial abaixo lhe ajuda:
- Spoiler:
[TUTORIAL] Alterar imagens da nova caixa flutuanteIntroduçã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
1º - Localizar o template necessitado
Primeiramente, abra o seu painel de controle e faça os seguintes passos:
Visualização Templates Geral mentions_tooltip
2º - 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}" />
3º - 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 --> Perfil
<!-- BEGIN switch_button_tooltip_PM --> Mensagem Privada
<!-- BEGIN switch_button_tooltip_FRIEND --> Adicionar amigo
<!-- BEGIN switch_button_tooltip_MESSAGES --> Ver mensagens do usuário
<!-- BEGIN switch_button_tooltip_FACEBOOK --> Facebook
<!-- BEGIN switch_button_tooltip_TWITTER --> Twitter
Fórum dos Fóruns & RafaelSSe 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
Re: Alterar ícones do tooltip
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Tópicos semelhantes
» Alterar ícones do fórum
» Alterar ícones do link dos sub-fórum
» Alterar posições dos ícones dos widgets
» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
» Como alterar ícones pré-visualizar e enviar
» Alterar ícones do link dos sub-fórum
» Alterar posições dos ícones dos widgets
» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
» Como alterar ícones pré-visualizar e enviar
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos