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
» [Outros] Cartaz
Hoje à(s) 16:38 por Holkis

» Problema nas páginas devido aos anúncios
Hoje à(s) 16:33 por while

» [PEDIDO] Banner
Hoje à(s) 16:18 por Holkis

» Separar ícones "Responder" e "Novo tópico"
Hoje à(s) 16:14 por Cream

» Pedido de Rank (Moderador)
Hoje à(s) 16:02 por Holkis

» Retirar avatar do widget da staff
Hoje à(s) 15:49 por Cream

» Transferir os tópicos do grupo do facebook para o fórum
Hoje à(s) 12:32 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
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
103 usuários online :: 5 usuários cadastrados, 1 Invisível e 97 Visitantes :: 2 Motores de busca

Angeloid, Cream, GollD, HouseG4E, while

[ Ver toda a lista ]


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

Botão de obrigado FdF

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

Resolvido Botão de obrigado FdF

Mensagem por IsmaelS. em Sex 23 Out 2015 - 16:08

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Gostaria de saber se era possível deixar o botão de obrigado igual ao da FdF. Os códigos que utilizo:

.CSS
Código:
.vote-button:nth-child(3) {
    display: none;
}
.vote-no-bar {
    display: none;
}
.like_post {
    float: none !important;
    position: absolute !important;
    margin-left: 560px !important;
    margin-top: 13px !important;
}
.like_button:nth-child(2) { display: none; }

.jS:
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();
  }
}

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5020

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

Resolvido Re: Botão de obrigado FdF

Mensagem por Fraise em Sex 23 Out 2015 - 16:13

Olá!

Cá está o JavaScript, marque o investimento nos tópicos:
Código:
jQuery(document).ready(function() {
    for (var a = $('.post', document.getElementById('main-content')), i = 0, p, rep, votes, plus, item, button, pseudo, opts; p = a[i]; i++) {
        item = document.createElement('LI');
        button = document.createElement('A');
        button.innerHTML = '<i class="fa"></i>';
        button.className = 'fa_vote';
        rep = $('.vote', p)[0];
        opts = p.getElementsByTagName('UL')[0];
        pseudo = $('.postprofile dt', p).text();
        if (rep) {
            votes = $('.vote-bar', rep)[0];
            plus = rep.getElementsByTagName('A')[0];
            if (votes) {
                votes = votes.title.replace(/.*\((\d+).*/, '$1');
                item.innerHTML = '<span class="fa_votes">' + votes + '</span>';
                item.title = votes + (votes == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + pseudo + ''
            } else {
                item.innerHTML = '<span class="fa_votes">0</span>';
                item.title = 'Nenhum voto foi computado para ' + pseudo + ''
            }
            if (plus && /plus/i.test(plus.href)) {
                button.className += ' fa_like';
                button.href = plus.href;
                button.title = 'Curtir a mensagem de ' + pseudo + '';
                button.onclick = function() {
                    var t = this;
                    t.onclick = function() {
                        return false
                    };
                    $.get(t.href, function() {
                        var v = t.nextSibling;
                        v.innerHTML = Number(v.innerHTML) + 1;
                        t.className += 'd';
                        t.parentNode.title = v.innerHTML + (v.innerHTML == 1 ? ' pessoa gostou do tópico ' : ' pessoas gostaram do tópico ') + t.title.replace(/.*?\s(.*?)'.*/, '$1') + '';
                        t.removeAttribute('title');
                        t.href = '#'
                    });
                    return false
                }
            } else {
                button.href = '#';
                button.className += ' fa_liked';
                button.onclick = function() {
                    return false
                }
            }
            item.insertBefore(button, item.firstChild);
            opts.insertBefore(item, opts.firstChild);
            rep.parentNode.removeChild(rep)
        }
    }
});

Até mais.
Fraise

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Botão de obrigado FdF

Mensagem por IsmaelS. em Sex 23 Out 2015 - 16:17

@Fraise apareceu mas não está a funcionar ou seja você pode estar sempre a clicar que não aparece nada, e também está muito pequeno seria possível colocar normal?
- http://master-publicitario.forumeiros.com/t674-apresentacao-fraise

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5020

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

Resolvido Re: Botão de obrigado FdF

Mensagem por Fraise em Sex 23 Out 2015 - 16:17

Adicione em sua folha de estilos:
Código:
.fa_votes,a.fa_vote {
display:inline-block!important;
width:auto!important;
}

a.fa_vote {
color:#6A3;
font-size:18px;
margin-right:3px;
text-decoration:none;
}

a.fa_vote.fa_like:hover {
color:#8C5;
}

a.fa_vote.fa_liked {
color:#ADA;
cursor:default;
}

.fa_votes {
color:#4A0;
cursor:default;
font-size:12px;
font-weight:700;
}

.fa_thanks {
background:#DFD;
border:1px solid #BDB;
border-radius:6px;
color:#280;
font-size:16px;
font-weight:700;
margin-top:15px;
text-align:center;
padding:5px;
}

.fa_thanks i.fa {
color:#8C5;
font-size:48px;
vertical-align:middle;
}

Até mais.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Botão de obrigado FdF

Mensagem por IsmaelS. em Sex 23 Out 2015 - 16:23

Obrigado amigo mais uma vez, ficou perfeito, resolvido!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5020

http://suportedesign.forumeiros.com/

Resolvido Re: Botão de obrigado FdF

Mensagem por Fraise em Sex 23 Out 2015 - 16:24

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 de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

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