Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
209 usuários online :: 9 usuários cadastrados, 1 Invisível e 199 Visitantes :: 2 Motores de busca

Caique^, Connor R., EDU2010, Fraise, jhugor, juleic1123, Luan Diiias, Luiz~, Starset

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Substituir botões por CSS

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

Resolvido Substituir botões por CSS

Mensagem por Connor R. em Dom 22 Nov 2015 - 12:32

Detalhes da questão


Endereço do fórum: http://www.somosmugiwara.com/
Versão do fórum: PunBB

Descrição


Olá meus caros, eu uso o código abaixo para poder editar os botões das mensagens por css, vejam:

Código:

$(function(e){$('.i_icon_quote').replaceWith('<span id="quote"><img src="" alt="">Citar</span>');$('.i_icon_edit').replaceWith('<span id="edit"><img src="" alt="">Editar</span>');$('.i_icon_delete').replaceWith('<span id="delete">Deletar</span>');$('#i_icon_delete').replaceWith('<span id="delete">Deletar</span>');$('.i_icon_ip').replaceWith('<span id="ip">IP</span>');$('img[alt="Obrigado(a)"]').attr('src','');$('img[alt="Obrigado(a)"]').parents('a').html('Finalizar Aventura').attr('id','obrigado');$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').attr('src','');$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').parents('a').html('Alerta').attr('id','alerta');$('img[alt="Bloquear os alertas deste post"]').attr('src','');$('img[alt="Bloquear os alertas deste post"]').parents('a').html('Bloquear').attr('id','alerta');$('img[alt="Desbloquear os alertas desta mensagem"]').attr('src','');$('img[alt="Desbloquear os alertas desta mensagem"]').parents('a').html('Desbloquear').attr('id','alerta')});

Gostaria de poder fazer o mesmo efeito nos botões de moderação, seria possível?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 921
Pontos Ativos : 3229

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara
  • 0

Resolvido Re: Substituir botões por CSS

Mensagem por Fraise em Dom 22 Nov 2015 - 13:37

Boa tarde.

Aceda a Painel de Controle > Módulos > HTML & JavaScript > Gestão dos códigos JavaScript e crie um novo JavaScript com o investimento marcado nos tópicos utilizando o seguinte código:
Código:
$(document).ready(function(){$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>')});

Deverá editar os campos URL_DA_IMAGEM_DO_BOTAO, nomedaclasse, nomedobotao com os respectivos valores. Para aplicar em mais botões é só duplicar o código assim:
Código:
$(document).ready(function(){$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>')});
$(document).ready(function(){$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>')});

Melhores cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 7299

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Substituir botões por CSS

Mensagem por Connor R. em Dom 22 Nov 2015 - 13:46

@Fraise entendi, mais estava querendo remover as imagens dos botões, no entanto, esse código parece resolver o problemas, ainda fico com uma dúvida, seria este código de leve carregamento para o fórum, por que noto que as imagens serão carregadas e meu objetivo e maximizar o carregamento do fórum, se seu código não tiver esse porém eu o usarei com certeza.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 921
Pontos Ativos : 3229

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Substituir botões por CSS

Mensagem por MateusAnjosV em Dom 22 Nov 2015 - 14:02

Boa tarde!

Esse código mal pesará alguns kb, porém, utilize assim:
Código:
$(document).ready(function(){
$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>');
$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>');
$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>');
});
Seta É só duplicar essa parte:
Código:
$('img[src="URL_DA_IMAGEM_DO_BOTAO"]').replaceWith('<span class="nomedaclass">nomedobotao</span>');
A outra é desnecessário.

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2532

http://ajuda.forumeiros.com/

Resolvido Re: Substituir botões por CSS

Mensagem por Connor R. em Dom 22 Nov 2015 - 14:17

Certo thanks meus chapas, ambos reputados.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 921
Pontos Ativos : 3229

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Substituir botões por CSS

Mensagem por Fraise em Dom 22 Nov 2015 - 14:18

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 7299

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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