Trocar imagens de botões por texto

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

Resolvido Trocar imagens de botões por texto

Mensagem por iHeloaD em 15/05/14, 08:19 pm

  • Descrição:
Olá,

Como troco os botões de meu fórum por estes http://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 20/05/14, 09:35 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 17/05/14, 09:41 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 17/05/14, 10:45 pm

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.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 18/05/14, 12:14 am

Olá,

Me registrei em seu fórum e fiz o teste com o seletor do Quote e funcionou...


O senhor fez tudo corretamente?

Deixou o investimento do Javascript nos tópicos?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 18/05/14, 12:25 am

Olá,

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

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 18/05/14, 11:34 am

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?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 18/05/14, 11:43 am

Olá,

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

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 20/05/14, 02:51 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 20/05/14, 05:35 pm

Olá,

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

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 20/05/14, 05:48 pm

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?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 20/05/14, 06:04 pm

Olá,

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

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Trocar imagens de botões por texto

Mensagem por waghcwb em 20/05/14, 06:08 pm

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:

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 class="button">Quote</span>');
    edit.replaceWith('<span">Editar</span>');
    deleta.replaceWith('<span class="button">Deletar</span>');
    ip.replaceWith('<span class="button">IP</span>');
         
});
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 20/05/14, 09:35 pm

Perfeito, muito obrigado!

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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