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
» Como eu faço para encontrar uma equipe?
Hoje à(s) 02:19 am por mrvisible

» Personalizar posts
Hoje à(s) 12:19 am por Harleen

» Mostrar usuário do post
Ontem à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Ontem à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Ontem à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Ontem à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Ontem à(s) 05:03 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

Quem está conectado
233 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 231 Visitantes :: 2 Motores de busca

Luiz, SnowGray

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 22/11/15, 10:32 am

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 : 922
Pontos Ativos : 1510

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 22/11/15, 11:37 am

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 : 4979
Pontos Ativos : 6634

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

Resolvido Re: Substituir botões por CSS

Mensagem por Connor R. em 22/11/15, 11:46 am

@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 : 922
Pontos Ativos : 1510

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

Resolvido Re: Substituir botões por CSS

Mensagem por MateusAnjosV em 22/11/15, 12:02 pm

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 : 1431
Pontos Ativos : 2005

http://ajuda.forumeiros.com/

Resolvido Re: Substituir botões por CSS

Mensagem por Connor R. em 22/11/15, 12:17 pm

Certo thanks meus chapas, ambos reputados.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1510

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

Resolvido Re: Substituir botões por CSS

Mensagem por Fraise em 22/11/15, 12:18 pm

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 : 4979
Pontos Ativos : 6634

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