Trocar imagens de botões por texto

2 participantes

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

Tópico resolvido Trocar imagens de botões por texto

Mensagem por iHeloaD 16.05.14 0:19

  • Descrição:
Olá,

Como troco os botões de meu fórum por estes https://i.imgur.com/iHWnQGX.png, observação, são textos, não imagens.
Visto no fórum www.ipboard.forumeiros.com.

Até mais.

  • Informações:
Fórum:http://cidadesocial.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Trocar,imagens,botões,texto



Última edição por iHeloaD em 21.05.14 1:35, editado 1 vez(es)
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 18.05.14 1:41

Olá,

O acesso ao seu fórum é restrito a visitantes, não tenho como pegar o seletor de todos os botões...

Quais botões exatamente o senhor deseja alterar? O senhor entende de seletores?

Vou te dar um exemplo
Código:
$(function(){
    //vars stored in a array
    var buttons = {
        quote: $('.post-options .i_icon_quote'),
        edit: $('.post-options .i_icon_edit'),
        deleta: $('.post-options .i_icon_delete'),
        ip: $('.post-options .i_icon_ip')
    }
    
    
    //quote button
    buttons.quote.replaceWith('<span">Quote</span>');
    
    //edit button
    buttons.edit.replaceWith('<span">Editar</span>');
    
    //delet button
    buttons.deleta.replaceWith('<span">Deletar</span>');
    
    //ip button
    buttons.ip.replaceWith('<span">IP</span>');
    
});
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 18.05.14 2:45

Olá,

Coloquei do jeito que me forneceu o JavaScript, olhei o seletor, e era esse mesmo, exemplo i_icon_quote, porem não funcionou.

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 18.05.14 4:14

Olá,

Me registrei em seu fórum e fiz o teste com o seletor do Quote e funcionou...
Trocar imagens de botões por texto YFmlpd6

O senhor fez tudo corretamente?

Deixou o investimento do Javascript nos tópicos?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 18.05.14 4:25

Olá,

Eu também tentei pelo F12 e resultou, já pelo Painel de Controle o mesmo não resulta.

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 18.05.14 15:34

Olá,

Entrei em seu fórum e o script aparenta não estar ativo...

Por favor, deixe o script ativo com investimento nos tópicos para que eu possa checar, ok?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 18.05.14 15:43

Olá,

O Script esteve ativo desde que me forneceu o primeiro código.

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 20.05.14 18:51

Olá,

Não há necessidade do senhor abrir dois tópicos pedindo a mesma coisa!! Basta aguardar Desacordo

Use este código:
Código:
$(function(){
    var quote = $('.post-options .i_icon_quote'),
        edit = $('.post-options .i_icon_edit'),
        deleta = $('.post-options .i_icon_delete'),
        ip = $('.post-options .i_icon_ip');

    quote.replaceWith('<span">Quote</span>');
    edit.replaceWith('<span">Editar</span>');
    deleta.replaceWith('<span">Deletar</span>');
    ip.replaceWith('<span">IP</span>');
     
});
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 20.05.14 21:35

Olá,

Teria como deixar os botões, assim http://prntscr.com/3l16dp?

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 20.05.14 21:48

Olá,

"No olho" assim, sem acesso ao botão original consegui isso..
Código:
.button{
  background: #eee;
  padding: .3em 1em;
  color: #616161;
  border: #d0d0d0 1px solid;
  border-radius: 2px;
  box-shadow: inset #fff 0 1px 0;
  cursor: pointer;
  font: 13px Lucida sans;
}

Até onde sei o senhor entende de seletores não? Basta adicionar aos seus botões...

Lhe agrada?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 20.05.14 22:04

Olá,

Veja o botão "Supervisionar tópico" no tópico deste fórum http://fmservices.forumeiros.com/t143-.

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb 20.05.14 22:08

Olá,

Veja para ver este botão eu preciso me registrar naquele fórum...

O senhor visualizou o resultado do código que lhe passei?
http://jsbin.com/kebam/1

Spoiler:
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD 21.05.14 1:35

Perfeito, muito obrigado!

Até mais.
iHeloaD

iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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