Adaptar Botão de Obrigado

Detalhes da questão

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

Descrição

Olá!

Gostaria saber se era possível retirar o "-" apenas deixar o "+" e substituir o "+" por um ícone:

Bom dia @IsmaelS.!

Antes de tudo, vamos começar por ocultar o voto negativo e a tal barrinha:

Código:

.vote-button:nth-child(3) {
    display: none;
}
.vote-no-bar {
    display: none;
}

Depois é só seguir os passos deste tópico:
https://ajuda.forumeiros.com/t100715-

Até mais.
Fraise

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

Boa tarde!

O seu código .CSS resultou, agora ao colocar o script veja como ficou:
- http://master-publicitario.forumeiros.com/t661-apresentacao-mshas



Seria possível apenas deixar ao lado do botão "Citar" como aqui na FdF.

Olá!

Sim, será possível. Basta encontrar o script responsável pelos botões mencionados na imagem, e encontrar o elemento, substituindo-os por:

Código:

div.profile-icons

Shek escreveu:Olá!

Sim, será possível. Basta encontrar o script responsável pelos botões mencionados na imagem, e encontrar o elemento, substituindo-os por:

Código:

div.profile-icons

Boa tarde!

@Shek, como assim o elemento? Não sou muito bom em programação, poderia dizer em que parte? Deixo aqui os códigos caso necessite:

.CSS:

Código:

.vote-button:nth-child(3) {
    display: none;
}
.vote-no-bar {
    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();
  }
}

Troque o .postbody por div.profile-icons.

Boa noite!

Os botões simplesmente desapareceram amigo.

Olá novamente @IsmaelS.,

Poderia colocar como estava anteriormente para que eu possa efetuar as modificações?

https://2img.net/h/oi58.tinypic.com/b4dt2w.png

Até mais.
Fraise

Boa tarde!

@Fraise colocado amigo.

Aqui ainda está assim:

https://i.imgur.com/Kj9Xzp5.png

Até mais.

@Fraise veja antes neste tópico se ele aparece:
- http://master-publicitario.forumeiros.com/t674-apresentacao-fraise#2581

Continua na mesma... veja se em Painel de Controle > Módulos > Pontos e reputação > Reputação tem "Exibir este campo para os visitantes tendo ao menos o status" marcado Membros ou Convidados.

@Fraise está para os convidados amigo.

Infelizmente, continua sem aparecer. Creio que já sei do que possa ser. Aceda a Painel de Controle > Módulos > Pontos e reputação > Reputação e em "Número mínimo de mensagens que consideram os votos" coloque 0.

@Fraise veja agora se aparece estava a 2 até.

UP!

Olá!

Adicione à sua folha de estilos:

Código:

.like_post {
    float: none !important;
    position: absolute !important;
    margin-left: 580px !important;
    margin-top: 13px !important;
}

Até mais.
Fraise

@Fraise ficaram em cima dos outros botões e seria possível só deixar o positivo e remover o vermelho?

Para remover o botão de voto negativo use este CSS:

Código:

.like_button:nth-child(2) { display: none; }

Para ajustar a posição dos botões, no código que lhe forneci anteriormente, basta ir alterando o valor nesta linha:

Código:

margin-left: 580px !important;

Até mais.
Fraise

@Fraise veja uma coisa estranha é que o botão aparece sempre em todas as mensagens mesmo para os meus próprios tópicos:


E só uma dúvida é possível deixar o aspecto do botão como o da FdF?

Mas quantas dúvidas é que já vão neste tópico? Está ciente que só é permitida uma dúvida por tópico? Estarei arquivando este tópico. Por gentileza, crie um tópico para cada uma das suas dúvidas.