Adaptar Botão de Obrigado

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

Atendido / Resolvido Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 18.10.15 1:35

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:
Adaptar Botão de Obrigado 11jat6r
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 18.10.15 10:50

Bom dia @IsmaelS.! Muito feliz

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:
Seta 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'


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 18.10.15 15:22

Boa tarde!

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

Adaptar Botão de Obrigado B4dt2w

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Shek em 19.10.15 4:51

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18127
Pontos Ativos : 22135

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 19.10.15 15:49

@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();
  }
}
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Shek em 20.10.15 0:01

Troque o .postbody por div.profile-icons.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18127
Pontos Ativos : 22135

Ver perfil do usuário https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 20.10.15 0:22

Boa noite!

Os botões simplesmente desapareceram amigo.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 20.10.15 14:12

Olá novamente @IsmaelS.,

Poderia colocar como estava anteriormente para que eu possa efetuar as modificações?
Adaptar Botão de Obrigado B4dt2w
Seta http://i58.tinypic.com/b4dt2w.png

Até mais.
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 20.10.15 15:50

Boa tarde!

@Fraise colocado amigo.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 20.10.15 15:57

Aqui ainda está assim:
Adaptar Botão de Obrigado Kj9Xzp5
Seta https://i.imgur.com/Kj9Xzp5.png

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 20.10.15 15:59

avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 20.10.15 16:03

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 20.10.15 16:06

@Fraise está para os convidados amigo.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 20.10.15 17:54

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 20.10.15 18:29

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 22.10.15 16:10

UP!
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 23.10.15 15:42

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 23.10.15 15:50

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 23.10.15 15:56

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por IsmaelS. em 23.10.15 16:00

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

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos Ativos : 4144

Ver perfil do usuário http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Adaptar Botão de Obrigado

Mensagem por Fraise em 23.10.15 16:01

Mas quantas dúvidas é que já vão neste tópico? Rindo 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. Feliz

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 dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6262
Pontos Ativos : 7732

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum