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

Outubro 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
» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

» Personalizar perfil
Hoje à(s) 1:06 por Eden

» Problemas para postar em ajax com avisos
Ontem à(s) 21:40 por Kyo Panda

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
80 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 78 Visitantes :: 2 Motores de busca

Kyo Panda, sandra51

[ Ver toda a lista ]


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

Alinhamento do Botão Curtir

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

Resolvido Alinhamento do Botão Curtir

Mensagem por savenx em Qua 2 Dez 2015 - 19:01

Detalhes da questão


Endereço do fórum: http://www.wowdevbrasil.tk/
Versão do fórum: PunBB

Descrição


E ae galera, beleza? Estou com um problema e preciso de ajuda! Eu gostaria de fixar o meu botão de curtir de acordo com a imagem:



Link do script que estou usando: http://ajuda.forumeiros.com/t100407-tutorial-sistema-de-curtir-nas-mensagens

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por Fraise em Qua 2 Dez 2015 - 21:02

Boa noite.

Troque o código JavaScript por este:
Código:
/***
* Código: IPB Like System
* Data de criação: 18/07/2014
* Atualização: 31/03/2015
* Autor: Daemon
* Versão: 1.2
* Inspirado: IPB
* Acesse: http://bestskins.net & http://ajuda.forumeiros.com
* Não distribuir, ou remover os créditos do autor.
***/
function bestskins_ls() {
  // Imagem de reputação
  var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var 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"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></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>';
  $('.pun .postfoot .user-contact', 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();
      });
}

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Qua 2 Dez 2015 - 22:05

Fraise, eu efetuei a troca do Código, porém o botão de curtir sumiu!

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Sex 4 Dez 2015 - 0:24

up?

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Dom 6 Dez 2015 - 16:00

Boa tarde @savenx!

Por gentileza, poderia deletar o script do @Fraise e manter o do tutorial?  Após isso, crie uma conta de testes  e me forneça, ok?

Até mais.
MateusAnjosV.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Dom 6 Dez 2015 - 20:05

Ja retornei com o Script original.. como assim, conta de teste?

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por Slurk em Seg 7 Dez 2015 - 17:30

Olá amigo, tente esse JS em investimento nos topicos:

Código:
function bestskins_ls(){var bestskins={singular:'Curtiu isso!',plural:'Curtiram isso!'};for(var x=$('.vote'),i=0,vote;(vote=x[i++]);){var 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}var numrep=qtd+' '+(qtd==1?bestskins.singular:bestskins.plural);botao=botao?'<span onclick="bestskinsVoto(\''+botao.firstChild.href+'\',this);" class="BS_like">'+numrep+'</span>':'<span class="BS_like BS_done">'+numrep+'</span>';$('.postfoot',vote.parentNode.parentNode.parentNode.parentNode).before(botao)}x.remove()};function bestskinsVoto(b,a){var d=a.innerHTML;a.innerHTML='Carregando...';a.onclick='#';$.get(b,function(){a.className+=' BS_done';a.innerHTML=d;var c=a,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};document.addEventListener('DOMContentLoaded',bestskins_ls,false);


Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 804

http://beststyle.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Seg 7 Dez 2015 - 18:28

Ficou assim @Tiupkit

http://prntscr.com/9bg7bl

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Seg 7 Dez 2015 - 18:36

Olá!

Uma conta para testes é uma conta comum – sem nenhuma moderação – apenas para que eu logue e efetue os testes.

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por Slurk em Seg 7 Dez 2015 - 18:44

seguinte altere o js pra este porém sem investimento:

Código:
function lglike(b,a){var d=a.innerHTML;a.innerHTML="Loading...";a.onclick="#";$.get(b,function(){a.className+=" LGnovote";a.innerHTML=d;var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;c.innerHTML=c.innerHTML.replace(/\d+/,b)})};

function init_lg_like_system() {
    var x = $('.vote');
    for (var i = 0, l = x.length; i < l; i++) {
        var vote = x[i],
            count = 0,
            plus = 0;
        var bar = $('.vote-bar', vote)[0];
        var button = $('.vote-button', vote)[0];
        if (bar) {
            var info = bar.title.match(/\d+/g);
            count = info[0];
            var percent = info[1];
            plus = Math.round(parseInt(percent) * parseInt(count)) / 100;
        }
        button = button ? '<span onclick="lglike(\'' + button.firstChild.href + '\',this);" class="LGlike">' + vote_singular + '</span>' : '<span class="LGlike LGnovote">' + vote_singular + '</span>';

        var votes_text = '<span class="LGlikecount">' + plus + ' ' + (plus == 1 ? vote_singular : vote_plural) + '</span>';

        if (like_version === 'phpbb3' || like_version === 'PHPBB3') {
            $('.corners-bottom', vote.parentNode.parentNode)
        .before('<div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        } else if (like_version === 'invision' || like_version === 'Invision' || like_version === 'INVISION') {
            $(vote.parentNode.parentNode.parentNode.nextSibling.lastChild)
        .prepend('<li><div class="LGvote">' + button + votes_text + '</div></li>');
        } else if (like_version === 'punbb' || like_version === 'PUNBB') {
            $('.post-entry', vote.parentNode.parentNode.parentNode.parentNode)
        .before('<div class="LGvote" style="float:right;">' + button + votes_text + '</div>');
        }
          else if (like_version === 'PHPBB2' || like_version === 'phpbb2') {
            $('td.post tr:last')
        .append('</br></br><div class="LGvote" style="margin:3px">' + button + votes_text + '</div>');
        }
    }
    x.remove();
};

if (DOM_IS_READY == true) {
    init_lg_like_system();
} else {
    $(function () {
        init_lg_like_system();
    });
}

feito isto, crie outro js com investimento nos topicos

Código:
var like_version = 'punbb';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Curtir';
var vote_plural = 'Curtiram isso';
$.getScript('http://bestskins.forumeiros.com/26249.js');

Depois de criar esse JS. Pegue o link dele e adicione no lugar do link da bestskins(http://www.bestskins.net/26249.js).

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 804

http://beststyle.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Seg 7 Dez 2015 - 19:17

Fiz como disse e nao resultou..

Matheus enviei a conta via MP!

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Seg 7 Dez 2015 - 19:24

Olá novamente!

Adicione em sua folha de estilos CSS:
Código:
#rep_post {
position: relative !important;
left: -82% !important;
top: 40px !important;
}

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Seg 7 Dez 2015 - 19:42

Veja como ficou Mateus.. Entre no forum e clique em qualquer tópico..

mas tirei print: http://prntscr.com/9bh5hf

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Seg 7 Dez 2015 - 20:39

Na verdade, resultou, veja:
Seta http://prntscr.com/9bhrw6
Porém, ele não se encaixou a todos os posts...
Substitua por esse:
Código:
#rep_post {
float: left !important;
}
Seta Caso não funcione, o que não é esperado, tire uma print e remova o js e o css!

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Seg 7 Dez 2015 - 21:48

Veja, ele fica na esquerda mas não fica em baixo!

http://prntscr.com/9bir6z

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por Slurk em Seg 7 Dez 2015 - 23:32

Infelizmente amigo, o tamanho do post faz muita diferença também, o código que o nosso amigo Mateus lhe passou faz com que os botoes vão pra -82px pra esquerda e desça 40px pra baixo.

Isso foi feito teste em um topico que não tinha tanta linha com certeza o que você passou é enorme... entende? nem em todos ficara certo,

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 804

http://beststyle.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Ter 8 Dez 2015 - 0:04

nao tem como por fixo entao do lado dos botoes citar, editar, etc?

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Ter 8 Dez 2015 - 0:09

Na verdade @Tiupkit, é possível, porém o elemento está com .before o que tem influência do .post, basta trocar por .prepend e ajustar com CSS!


Savenx, troque por esse– o js –:
Código:
/***
* Código: IPB Like System
* Data de criação: 18/07/2014
* Atualização: 31/03/2015
* Autor: Daemon
* Versão: 1.2
* Inspirado: IPB
* Acesse: http://bestskins.net & http://ajuda.forumeiros.com
* Não distribuir, ou remover os créditos do autor.
***/
function bestskins_ls() {
  // Imagem de reputação
  var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
  for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var 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"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></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).prepend( 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();
      });
}
Seta Provavelmente vai "bugar", mas não se preocupe, serei rápido, ok?

Piscada

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Ter 8 Dez 2015 - 1:07

Funcionou, ficou do lado do botão de editar, veja la se é o resultado que vc imaginou sem "bugar"

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Ter 8 Dez 2015 - 1:21

Deu mais trabalho do que o estimado... desculpe a demora, acrescente esse CSS:
Código:
#rep_post {position: absolute;display: block;left: 270px;}
.postfoot {padding-bottom: 15px !important;line-height: 30px;}
.user-contact {position: relative;top:5px;}
.post-options {position: relative;top:10px;}

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

http://ajuda.forumeiros.com/
  • 0

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por savenx em Ter 8 Dez 2015 - 2:40

Resultou, MUITO OBRIGADO a todos que me ajudaram..

E também, tenham um excelente natal e próspero ano novo =)

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 1740

http://www.wowdevbrasil.tk

Resolvido Re: Alinhamento do Botão Curtir

Mensagem por MateusAnjosV em Qua 9 Dez 2015 - 14:34

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2392

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