Trocar imagens de botões por texto

3 participantes

Ir para baixo

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

Mensagem por iHeloaD 16.05.14 0:24

  • 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 22.05.14 2:41, 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 Hancki 16.05.14 10:26

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por iHeloaD 16.05.14 15:57

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

Olá,

Porque o senhor postou este tópico se o suporte ja lhe estava sendo dado através deste tópico?
https://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!!
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:36

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

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"
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:41

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.
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 21.05.14 18:40

Olá,

Como falei, o processo é o mesmo...

Basta pegar os seletores do botões que deseja... Veja:
Trocar imagens de botões por texto YrNA88q

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...
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 23:01

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.
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 21.05.14 23:09

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>');
    });
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 22.05.14 2:40

Perfeito, membros ajudando mais que a Staff hehe!

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

Ir para o topo

- Tópicos semelhantes

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