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

Esqueci minha senha

Últimos assuntos
» Gif na foto do perfil
Ontem à(s) 11:13 pm por dudha

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

» [Ajuda] HTML & CSS
Ontem à(s) 09:37 pm por Lost154

» Grupos de usuarios
Ontem à(s) 09:06 pm por Gaaratsu

» Erro ao colocar barra de estatisticas
Ontem à(s) 08:21 pm por Luiz

» Avatar no topico
Ontem à(s) 07:35 pm por Luiz

» Configuração da segurança
Ontem à(s) 07:22 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
dudha
 

Quem está conectado
201 usuários online :: 2 usuários cadastrados, 1 Invisível e 198 Visitantes :: 2 Motores de busca

Heikki, soldado

[ 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 : 927
Pontos Ativos : 1519

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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 : 927
Pontos Ativos : 1519

Ver perfil do usuário 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 : 1435
Pontos Ativos : 2004

Ver perfil do usuário 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 : 927
Pontos Ativos : 1519

Ver perfil do usuário 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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário 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