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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Banner pro fórum
Hoje à(s) 6:01 por ranzatti

» Como mudar esta cor
Hoje à(s) 5:16 por ranzatti

» Formulário não pega
Hoje à(s) 5:11 por ranzatti

» Aparecer JS apenas em tópicos determinados
Hoje à(s) 4:40 por MateusV.

» Pré-Visualizar bugado
Hoje à(s) 4:27 por iScroll

» Fui Plagiado - O Que Fazer?
Hoje à(s) 1:46 por MateusV.

» Formulário de postagem
Hoje à(s) 0:36 por Fernanda Nunes

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
ranzatti
 
MateusV.
 
Fernanda Nunes
 
Luiz~
 
iScroll
 
Crash07
 
Gaaratsu
 

Quem está conectado
186 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 183 Visitantes :: 2 Motores de busca

juleic1123, MateusV., ranzatti

[ Ver toda a lista ]


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

Personalizar reputação e adicionar tooltip nela

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

  • 0

Resolvido Personalizar reputação e adicionar tooltip nela

Mensagem por PrisoN†BreaK em Dom 3 Jul 2016 - 19:07

Detalhes da questão


Endereço do fórum: brasilplayfreedomofc.forumeiros.com
Versão do fórum: PunBB

Descrição


Bom, eu gostaria que aparecesse quantas reputações vc tinha, dessa maneira:

Quando você passa o mouse em cima dos números da reputação, aparece o nome em cima: Reputação, como na imagem: http://imgur.com/wUSAYOg

avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 1541

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Personalizar reputação e adicionar tooltip nela

Mensagem por while em Dom 3 Jul 2016 - 19:17

Olá amigo, isto se chama tooltip... Mas, entrei em seu fórum e visualizei que usas o campo de reputação normal.

Você gostaria que ficasse exatamente igual ao fórum citado?
Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar reputação e adicionar tooltip nela

Mensagem por PrisoN†BreaK em Dom 3 Jul 2016 - 19:21

Sim, eu gostaria que ficasse como o fórum citado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 1541

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Personalizar reputação e adicionar tooltip nela

Mensagem por while em Dom 3 Jul 2016 - 19:33

Olá, adicione esse código css em sua folha de estilo css:
Código:
.reputation {
    color: #5F7A47!important;
    font-size: 13px;
    font-weight: 700;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-plus-circle:before {
    content: "\f055";
    padding:3px;
}
.fa-plus-circle:hover:after {
background-color:#5F7A47;
content: "REPUTAÇÃO";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

E crie um novo javascripts com investimento nos tópicos com esse código:
Código:
$(document).ready(function() {
    $('.pun .post .user').each(function() {
        $(this).html($(this).html().replace(/<span class="label/g, '<dd><div class="post_field"><span class="label'));
    });
    $('.user-info .post_field:contains("Reputação")').each(function() {
        var rep = $(this).text().match(/\d+/g);
        $(this).replaceWith('<div class="reputation"><i class="fa fa-plus-circle"></i>' + rep + '</div>');
    });
});

Resultado: http://prntscr.com/bobs8m

Seria assim?
Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar reputação e adicionar tooltip nela

Mensagem por PrisoN†BreaK em Dom 3 Jul 2016 - 19:46

Ótimo, obrigado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1095
Pontos Ativos : 1541

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Personalizar reputação e adicionar tooltip nela

Mensagem por while em Dom 3 Jul 2016 - 19:47

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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