Botões das mensagens/tópico

2 participantes

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

Tópico resolvido Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 2:29

Detalhes da questão


Endereço do fórum: http://mugalindu.forumeiros.com
Versão do fórum: phpBB3

Descrição


Saudações,

Possível algum código para modificar os botões ?

Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 2:31

A quais botões o senhor se refere?

Se for os de "editar", "deletar", etc, eles podem ser modificados em:
Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das imagens -> Modo Avançado -> Botões.

o/

---

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 2:33

São esses mesmos, mais não tem um código CSS para que eu possa colocar? apenas mudaria o tamanho e a cor.
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 2:42

Não é possível mudar a cor de uma imagem com CSS. Exceto para preto ou branco (com filtros de invert). Mas acho que isso não daria certo.

Ou o senhor pode "apelar" para o JavaScript, veja:
-> https://ajuda.forumeiros.com/t108585-

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 2:51

Eu ví o link, poderia fazer igual esse por favor: https://ajuda.forumeiros.com/t109440-botao-nos-topicos-pre-visualizar-e-enviar#768576

Todos na cor preta. Desde já, agradeço pela ajuda.
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 2:54

Eu preciso que o senhor configure como foi indicado no tópico para que depois eu possa alterar o CSS (que é o que deixa preto).
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 2:56

Ah me desculpe, mais qual tópico? Tonto
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 2:57

Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 3:05


Fiz esse procedimento, mais não mudou nada.
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 3:11

Nesse código:
Código:
(function ($) {
  'use strict';
 
  var cssBtn = [
    {
      'imgSrc': 'https://2img.net/i/fa/prosilver/button_topic_new_en.png',
      'template': '<span class="fa-btn">Novo Tópico</span>'
    },
    {
      'imgSrc': 'https://2img.net/i/fa/prosilver/button_topic_locked_en.png',
      'template': '<span class="fa-btn">Bloqueado</span>'
    },
    {
      'imgSrc': 'https://2img.net/i/fa/prosilver/button_topic_reply_en.png',
      'template': '<span class="fa-btn">Responder</span>'
    }
  ];
 
  $(function () {
    $.each(cssBtn, function (index, cssBtn) {
      $('img[src="' + cssBtn.imgSrc + '"]')
        .replaceWith(cssBtn.template)
      ;
    });
  });
}(jQuery));

Nós temos a lista dos botões que serão trocados por HTML.
Filtre por
imgSrc
. Você irá achar a URL da imagem que será "trocada" pelo HTML que vem abaixo dela. Por exemplo, aqui:
Código:
    {
      'imgSrc': 'https://2img.net/i/fa/prosilver/button_topic_new_en.png',
      'template': '<span class="fa-btn">Novo Tópico</span>'
    },

A imagem de URL https:\\illiweb.com/fa/prosilver/button_topic_new_en.png será trocada por um botão "novo tópico", em CSS.
Mas para que isso funcione no seu fórum, você deve trocar o endereço das imagens, como foi feito no código acima.

Basta ler ele com atenção que você irá entender a lógica.
Note que você deverá modificar somente o link após a variável
imgSrc
.

Note também que está toda a parte que você deverá modificar entre as linhas 5 e 17.

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 3:15

Qual image irei colocar lá senhor?
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 3:29

Irei explicar passo a passo.




Começando com um código assim:
Código:
(function ($) {
  'use strict';
 
  var cssBtn = [
  ];
 
  $(function () {
    $.each(cssBtn, function (index, cssBtn) {
      $('img[src="' + cssBtn.imgSrc + '"]')
        .replaceWith('<span class="btn">' + cssBtn.template + '</span>')
      ;
    });
  });
}(jQuery));

Passo 1. Identificar o botão

-> http://prntscr.com/fwjo7o

O link copiado, no caso, será:
-> https://2img.net/s/t/20/67/29/i_post.gif

Passo 2. Criar o grupo

Aí, vamos criar um "grupo" para recolocar ele com um HTML.
{
'imgSrc': 'LINK AQUI',
'template': 'TEXTO AQUI'
},

No caso, ficaria assim:
Código:
{
  'imgSrc': 'https://2img.net/s/t/20/67/29/i_post.gif',
  'template': 'Novo Tópico'
},

Passo 3. Colocar o grupo na array

Aí a gente coloca esse grupo dentro da array no código principal, ficando assim:
Código:
(function ($) {
  'use strict';
 
  var cssBtn = [
// A gente coloca os "grupos" aqui dentro:
{
  'imgSrc': 'https://2img.net/s/t/20/67/29/i_post.gif',
  'template': 'Novo Tópico'
},
  ];
 
  $(function () {
    $.each(cssBtn, function (index, cssBtn) {
      $('img[src="' + cssBtn.imgSrc + '"]')
        .replaceWith('<span class="btn">' + cssBtn.template + '</span>')
      ;
    });
  });
}(jQuery));

Passo 4. Refazer os passos 1, 2 e 3 para cada um dos botões

Aí você faz isso para cada botão. Lembre-se de colocar um "grupo" após o final do outro. Piscada
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Marcelo22m2 17.07.17 3:34

Deixa queto, pode fechar o tópico. Triste

Grato pela sua ajuda.

Até mais!
Marcelo22m2

Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões das mensagens/tópico

Mensagem por Luiz 17.07.17 3:35

Se um dia desejar continuar me envie uma MP para que possamos reabrir o tópico.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos