Trocar imagens de botões por texto

[iHeloaD]

• 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ódigo	Tags:	Trocar,imagens,botões,texto

---

[Hancki]

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

[iHeloaD]

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.

[waghcwb]

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!!

[iHeloaD]

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.

[waghcwb]

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"

[iHeloaD]

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.

[waghcwb]

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

[iHeloaD]

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.

[waghcwb]

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

[iHeloaD]

Perfeito, membros ajudando mais que a Staff hehe!

Até mais.