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:24 pm

  • Descrição:
Olá,

Bem, em meu fórum, tem os botões "Imagens" para Criar Tópico, Responder e Bloqueado, porém eu queria troca-los por texto com um background atras, como este http://prntscr.com/3jl0ej.
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, 10:41 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 Hancki em 16/05/14, 06:26 am

Olá!

O código CSS usado é este:
Código:
#topic-icons a {
background: url('http://community.invisionpower.com/filestore/public/style_images/master/topic_button.png') repeat-x scroll center top #212121;
border-style: solid;
border-color: #212121;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 1px 0px;
border-radius: 3px;
box-shadow: 0px 1px 0px 0px #5C5C5C inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
color: #FFF;
text-shadow: 0px -1px 0px #191919;
font: 300 12px/30px Helvetica,Arial,sans-serif;
height: 30px;
padding: 0px 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Trocar imagens de botões por texto

Mensagem por iHeloaD em 16/05/14, 11:57 am

Olá,

Bem, os botões ainda continuam como imagem, tentei deletar a imagem do botão Novo Tópico atual por exemplo, para ver se substitui por texto, só que o mesmo 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 20/05/14, 02:52 pm

Olá,

Porque o senhor postou este tópico se o suporte ja lhe estava sendo dado através deste tópico?
http://ajuda.forumeiros.com/t92275-trocar-imagens-de-botoes-por-texto

Não há necessidade disso, basta que o senhor aguarde uma resposta útil em seu tópico!!
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:36 pm

Olá,

Se o senhor ler direito, verá que os 2 tópicos não tem o mesmo pedido, um trata-se de uma coisa, e o outro de outra coisa.

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:52 pm

Olá senhor, qualquer um comete equivocos não é? Mas de qualquer, seu tópico é respondido com o mesmo código passado na outra questão, basta que o senhor altere o CSS...

Não vou me registrar no fórum do senhor apenas para checar os seletores... Tem como o senhor liberar o acesso aos visitantes para que sejam feitas as alterações CSS?

Abraços, "senhor"
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:41 pm

Olá,

Desculpe-me, aquele tópico, eu já dei como resolvido, pois era apenas para botões do post, agora quero para criar tópico e outros.

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 21/05/14, 02:40 pm

Olá,

Como falei, o processo é o mesmo...

Basta pegar os seletores do botões que deseja... Veja:


Todo elemento tem um seletor para que possamos selecionar este elemento e fazer algo...

Por exemplo, na Forumeiros usariamos este seletor...
Código:
$(function(){
    var new_topic = $('.i_post');

    new_topic.replaceWith('<span">Novo tópico</span>');
});

Entendeu? Se me passar os seletores (ja que não estão sendo mostrados aos visitantes) eu posso fazer um código completo aqui..

Ou posso pegar um padrão do template PunBB e torcer para funcione no seu fórum...

Abraços...
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 21/05/14, 07:01 pm

Olá,

Teve apenas um problema, e o botão de bloqueado que tem o mesmo seletor do de responder? Como resolver este problema?

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 21/05/14, 07:09 pm

Olá,

Basta pegar selo endereço da imagem... Assim
Código:
    $(function(){
        var new_topic = $('img[src="http://i56.servimg.com/u/f56/12/05/75/97/gcuvhk10.png"]');

        new_topic.replaceWith('<span">Novo tópico</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 21/05/14, 10:40 pm

Perfeito, membros ajudando mais que a Staff hehe!

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