Efeito Tooltip
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Efeito Tooltip
Detalhes da questão
Endereço do fórum: http://vgnfamily.forumais.com
Versão do fórum: PunBB
Descrição
Boa noite.
Olá, Gostaria de por um tooltip em meu fórum. Imagem:
http://i.imgur.com/qBBcshp.jpg
Esse efeito é do fórum do while, gostaria de saber se pode disponibilizar o código?
Hoje eu acabei vendo um tutorial parecido com este porem gostei mais do estilo do while.
Fórum: http://bestweb.forumais.com/
Última edição por YouTube3 em 01/04/17, 11:38 am, editado 1 vez(es)
YouTube3- Membro do Fórum
-
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595
Re: Efeito Tooltip
Olá,
Veja este tutorial:
-> http://ajuda.forumeiros.com/t80634-tutorial-tooltip-no-forum
Ative-o, para que possamos modificar a aparência do tooltip (se é isso que o incomoda).

Veja este tutorial:
-> http://ajuda.forumeiros.com/t80634-tutorial-tooltip-no-forum
Ative-o, para que possamos modificar a aparência do tooltip (se é isso que o incomoda).


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. |
Luiz — Admineiro |
Luiz- Admineiro
-
Inscrito dia : 22/04/2016
Mensagens : 6519
Pontos Ativos : 7291
Re: Efeito Tooltip
ProntoLuiz~ escreveu:Olá,
Veja este tutorial:
-> http://ajuda.forumeiros.com/t80634-tutorial-tooltip-no-forum
Ative-o, para que possamos modificar a aparência do tooltip (se é isso que o incomoda).

YouTube3- Membro do Fórum
-
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595
Re: Efeito Tooltip
Olá, tudo bem? 
Adicione este código ao final de sua CSS:
Se você quiser que quase tudo em seu fórum tenha tooltip, adicione este código JavaScript, com investimento em todas as páginas:


Adicione este código ao final de sua CSS:
- Código:
.tipsy-arrow {
background-image: none!important;
width: 12px;
height: 12px;
background-color: #fff;
bottom: -1px!important;
margin-left: -6px!important;
transform: rotate(45deg);
}
.tipsy.tipsy-s {
opacity: 1!important;
}
.tipsy-inner {
background-color: #fff!important;
color: #444!important;
padding: 6px 12px!important;
font-size: 13px;
box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.85);
margin-top: -20px;
}
Se você quiser que quase tudo em seu fórum tenha tooltip, adicione este código JavaScript, com investimento em todas as páginas:
- Código:
(function ($) {
'use strict';
$(function () {
$('[title]')
.addClass('tool-tip');
});
}(jQuery));


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. |
Luiz — Admineiro |
Luiz- Admineiro
-
Inscrito dia : 22/04/2016
Mensagens : 6519
Pontos Ativos : 7291
Re: Efeito Tooltip
Ficou assim: teria como diminuir um pouco a sombra? e por a mesma seta que tem na do while? não sei se é assim que se chama me esqueci o nome da função enfim.

Por a seta embaixo:


Por a seta embaixo:


YouTube3- Membro do Fórum
-
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595
Re: Efeito Tooltip
Olá,
Troque o código CSS que passei-lhe anteriormente por este:

Troque o código CSS que passei-lhe anteriormente por este:
- Código:
.tipsy-arrow {
background-image: none!important;
width: 12px!important;
height: 12px!important;
background-color: #fff!important;
bottom: -1px!important;
margin-left: -6px!important;
transform: rotate(45deg)!important;
}
.tipsy.tipsy-s {
opacity: 1!important;
}
.tipsy-inner {
background-color: #fff!important;
color: #444!important;
padding: 6px 12px!important;
font-size: 13px!important;
box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.85)!important;
margin-top: -20px!important;
}


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. |
Luiz — Admineiro |
Luiz- Admineiro
-
Inscrito dia : 22/04/2016
Mensagens : 6519
Pontos Ativos : 7291
Re: Efeito Tooltip
Obg! Pode fechar.
YouTube3- Membro do Fórum
-
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1595
Re: Efeito Tooltip
Disponha. 
---

---
![]() | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |

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. |
Luiz — Admineiro |
Luiz- Admineiro
-
Inscrito dia : 22/04/2016
Mensagens : 6519
Pontos Ativos : 7291
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: 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ão deste fórum:
Você não pode responder aos tópicos neste fórum