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] Banner
Hoje à(s) 17:59 por -xGabriel..

» Formulário de postagem
Hoje à(s) 17:30 por Cepheus

» Personalizar topo do fórum
Hoje à(s) 16:23 por while

» Deslocar os botões do perfil
Hoje à(s) 15:28 por Cream

» Erro no facebook connect
Hoje à(s) 15:07 por Cream

» Nome e e título do rank acima do avatar
Hoje à(s) 15:06 por Cream

» Fontes do editor do fórum
Hoje à(s) 14:51 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
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
Nogueira SSA
 
GollD
 
Nean
 

Quem está conectado
111 usuários online :: 10 usuários cadastrados, 1 Invisível e 100 Visitantes :: 2 Motores de busca

-xGabriel.., Castiel, Connor R., Cream, giancamposm, GollD, guilhefran1, Holkis, sandra51, while

[ Ver toda a lista ]


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

Sistema de Reputar

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

Resolvido Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 16:45

Detalhes da questão


Endereço do fórum: http://tudo2family.forumeiros.com/
Versão do fórum: PunBB

Descrição


Meu sistema de reputar está normal queria mudar ele para um mais elegante.

como eu quero o sistema:

Fórum onde vi: http://brasilplaycity.com/forum/

até logo.


Última edição por YouTube3 em Qui 28 Abr 2016 - 20:32, editado 1 vez(es)

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 16:54

Olá Youtube3, crie um novo javascript com investimento nos topicos com esse codigo:
Código:
/*
* Código: Like System
* Data de criação: 18/07/2014
* Atualização: 19/07/2015
* Autor: Daemon
* Versão: 1.3
* Veja mais em: http://ajuda.forumeiros.com
* Não distribuir, ou remover os créditos do autor
*/
function d_like_system() {
  $('head').append(
  '<style type="text/css">' +
  '.like_post {' +
  '  float: right;' +
  '  list-style: none;' +
  '  margin-right: 3px;' +
  '}' +
  '.like_post .qtd {' +
  '  background-color: #333;' +
  '  color: #fff;' +
  '  font-size: 13px;' +
  '  padding: 0 5px;' +
  '  border-radius: 3px;' +
  '  font-weight: 700;' +
  '  margin-left: 3px;' +
  '  -moz-border-radius: 3px;' +
  '  -webkit-border-radius: 3px;' +
  '}' +
  '.like_post .plus {' +
  '  color: green;' +
  '}' +
  '.like_post .minus {' +
  '  color: red;' +
  '}' +
  '.like_button img {' +
  '  margin-bottom: -3px;' +
  '}' +
  '.like_button {' +
  '  padding: 3px;' +
  '  -moz-border-radius: 3px;' +
  '  margin-right: 5px;' +
  '  cursor: pointer;' +
  '  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '  -webkit-border-radius: 3px;' +
  '  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '  background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;' +
  '  border: 1px solid #a6a6a6;' +
  '  border-bottom-color: #979797!important;' +
  '  border-radius: 3px;' +
  '  box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;' +
  '}' +
  '.BS_disabled .like_button {' +
  '  cursor: default;' +
  '  opacity: 0.5;' +
  '}' +
  '</style>'
  );
  // Imagens de reputação
  var rep_UP = 'http://i.imgur.com/YCo2xVa.png',
      rep_DOWN = 'http://i.imgur.com/TzlArci.png';
 
  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var plus = 0,
                    minus = 0,
                    barra = $('.vote-bar', vote)[0],
                    botao = $('.vote-button', vote)[0];                     
                if (barra) {
                    var numbarra = barra.title.match(/\d+/g);
                    plus = Math.round(parseInt( numbarra[1] ) * parseInt( numbarra[0] )) / 100;
                    minus = Math.round(parseInt( numbarra[1] ) - plus);
                }
 
                botao = botao ? '<li><span onclick="lsVoto(\'' + botao.firstChild.href + '\',this);" class="like_button"><img src="' + rep_UP + '" alt="+"><span class="qtd">' + plus + '</span></span><span onclick="lsVoto(\'' + botao.nextSibling.nextSibling.firstChild.href + '\',this);" class="like_button"><img src="' + rep_DOWN + '" alt="-"><span class="qtd">' + minus + '</span></span></li>' : '<li class="BS_disabled"><span class="like_button"><img src="' + rep_UP + '" alt="+"><span class="qtd">' + plus + '</span></span><span class="like_button"><img src="' + rep_DOWN + '" alt="-"><span class="qtd">' + minus + '</span></span></li>';
 
                var htmlFinal = '<ul class="like_post">' + botao + '</ul>';
 
    $('.postbody', vote.parentNode.parentNode.parentNode.parentNode).after( htmlFinal );
  }
  x.remove();
};
function lsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
    var c = a.lastChild,
        b = parseInt(/\d+/.exec(c.innerHTML)[0])+1;
        c.innerHTML = c.innerHTML.replace(/\d+/,b);
        a.parentNode.className += ' BS_disabled';
    });
}
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
      d_like_system();
  }
}


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

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 16:57

Ficou assim:
queria saber se é possível deixar exatamente como está na imagem?

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 16:59

As imagens dos botões até da, porém a opção ver quem reputou é bem complexo... visto que o fórum citado não é hospedado pela forumeiros.

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 17:01

Opá, sim não precisa da opção para ver quem reputou etc... eu quero mesmo só as imagens, até.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 17:02

Poderia me passar as urls das imagens por gentileza? é que não tenho acesso ao fórum citado... apenas membros podem reputar.


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

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 17:19

irei fornecer minha a conta porque acho que só Inspecionando para pegar.

LOGIN: Natinho SENHA: 123456789

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 18:35

Desculpe amigo, mas esse fórum não utiliza imagens , fizeram com puro css.

eu possuo uma imagem... pro positivo que seria esta:


porém para o negativo eu não possuo, mas você pode pedir na criação gráfica.


Última edição por while em Qui 28 Abr 2016 - 19:03, editado 1 vez(es)

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 18:54

Bom, é possível botar dessa forma então.

Reputar 1: http://i.imgur.com/ZP0Z8qA.jpg
Quando eu boto mouse sobre ele: http://i.imgur.com/38BosL7.jpg
Quando eu aperto em Reputar: http://i.imgur.com/M1uOZom.jpg

OBS: caso precise de uma conta teste está aqui: LOGIN: Zeek Senha: q1w2e3r4r4

Fórum onde vi: http://www.wasdev.in/t1148-erro-erro-erro

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 19:00

Troque o JS por este:
Código:
function bestskins_ls(){for(var x=$('.vote'),i=0,vote;(vote=x[i++]);){var count=0,qtd=0,barra=$('.vote-bar',vote)[0],botao=$('.vote-button',vote)[0];if(barra){var numbarra=barra.title.match(/\d+/g);qtd=Math.round(parseInt(numbarra[1])*parseInt(numbarra[0]))/100}botao=botao?'<li><span onclick="bestskinsVoto(\''+botao.firstChild.href+'\',this);" class="BS_like"><div class="rep_up"></div></span></li>':'<li style="display: none;"><div class="rep_up"></div></li>';var numrep='<li>'+(qtd==0?'<span class="reput_vote zero">'+qtd+'</span>':'<span class="reput_vote positive">'+qtd+'</span>')+'</li>';var htmlFinal='<div class="rep_bar clearfix" id="rep_post">'+'      <ul class="bs_inline">'+botao+numrep+'</ul>'+'</div>';$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(htmlFinal)}x.remove()};function bestskinsVoto(b,a){a.onclick='#';$.get(b,function(){a.parentNode.style.display='none';var verify=a.parentNode.nextSibling.firstChild.innerHTML;if(verify==0){a.parentNode.nextSibling.firstChild.classList.remove('zero'),a.parentNode.nextSibling.firstChild.classList.add('positive')}var c=a.parentNode.nextSibling.firstChild,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};if(document.readyState==='complete'){bestskins_ls()}else{document.addEventListener('DOMContentLoaded',function(){bestskins_ls()})}

E adicione esse codigo css em sua folha de estilo:
Código:
.rep_up:hover {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: #6f8f52;
    color: #FFF;
    transition: color .2s ease;
}
.rep_up {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #F5F5F5;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    color: #848484;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 6px;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
}
#rep_post .bs_inline {
    list-style: none;
}
#rep_post {
    float: right;
    margin: 6px 4px;
    white-space: nowrap;
}
.rep_up:before {
    content: '\f164 Reputar';
    font-family: FontAwesome, Ubuntu;
}
#rep_post .reput_vote {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
}
.reput_vote.zero {
    background-color: #858585;
}
.reput_vote.positive {
    background-color: #6f8f52;
}


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

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 19:14

Resultou, porem teria como deixar eles fixado ali onde está marcado de vermelho.
Um do lado do outro.

print: http://i.imgur.com/zOrZvGb.jpg

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Sistema de Reputar

Mensagem por while em Qui 28 Abr 2016 - 19:30

Troque seu cs por este:
Código:
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {vertical-align: middle;}
#rep_post span img {cursor: pointer;}
#rep_post .reput_vote {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,.20);
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
}
.reput_vote.zero {
    background-color: #858585;
}
.reput_vote.positive {
    background-color: #6f8f52;
}
.rep_up:before {
    content: '\f164 Reputar';
    font-family: FontAwesome, Ubuntu;
}
.rep_up {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #F5F5F5;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    color: #848484;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 6px;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
}
.rep_up:hover {
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: #6f8f52;
    color: #FFF;
    transition: color .2s ease;
}

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2480
Pontos Ativos : 3618

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

Resolvido Re: Sistema de Reputar

Mensagem por YouTube3 em Qui 28 Abr 2016 - 20:31

Resolvido pode fechar.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 774
Pontos Ativos : 1738

http://Ajuda.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