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.

Fórum grátis: Ajuda e suporte para fóruns Forumeiros.com

Acesso rápido
Conectar-se

Esqueci minha senha

Últimos assuntos
» Slides bugado
Hoje à(s) 03:37 pm por Luiz

» Criar Novos botões e mudar a cor
Hoje à(s) 02:58 pm por Fou-Lu

» Ranks para forum
Hoje à(s) 02:55 pm por Fou-Lu

» Ranks - NarutoNGO
Hoje à(s) 02:53 pm por Fou-Lu

» Adicionar estrelas nos tópicos
Hoje à(s) 02:44 pm por APOllO

» Modificação no Index
Hoje à(s) 02:20 pm por Luiz

» Top Usuário
Hoje à(s) 02:20 pm por Luiz

Perdi minha senha!
 Você precisa recuperar sua senha?
Clique aqui
Os membros mais marcados
@Shek (1425)
 
@Fraise (589)
 
@Sennior (547)
 
@Holkis (522)
 
@Rafael (289)
 

Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
APOllO
 

Quem está conectado
Há 228 usuários online :: 6 usuários cadastrados, 1 Invisível e 221 Visitantes :: 2 Motores de busca

Connor R., Fou-Lu, iScroll, Ketholy123, Luiz, Punisher

[ Ver toda a lista ]


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

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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Efeito Tooltip

Mensagem por YouTube3 em 31/03/17, 07:59 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Efeito Tooltip

Mensagem por Luiz em 31/03/17, 08:07 pm

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).

Tchau


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 — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Efeito Tooltip

Mensagem por YouTube3 em 31/03/17, 08:13 pm

Luiz~ 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).

Tchau
Pronto Muito feliz
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Efeito Tooltip

Mensagem por Luiz em 31/03/17, 08:43 pm

Olá, tudo bem? Piscada

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));

Tchau


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 — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Efeito Tooltip

Mensagem por YouTube3 em 31/03/17, 09:34 pm

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: Muito feliz
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Efeito Tooltip

Mensagem por Luiz em 01/04/17, 10:09 am

Olá,

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;
}

Tchau


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 — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Efeito Tooltip

Mensagem por YouTube3 em 01/04/17, 11:37 am

Obg! Pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Efeito Tooltip

Mensagem por Luiz em 01/04/17, 11:41 am

Disponha. Rosa

---
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 — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum