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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Personalizar SCeditor
Hoje à(s) 23:27 por Kyo Panda

» #8896 Problema com Creditos
Hoje à(s) 23:03 por Shek Crowley

» Menu dos Botões
Hoje à(s) 21:33 por ManiaK

» Campo de pesquisa de opções no Painel de Controle
Hoje à(s) 18:53 por Maori

» Problemas na troca da imagen HEADER do fórum
Hoje à(s) 18:09 por Luiz~

» [Duvida] Sobre o Forum
Hoje à(s) 16:33 por Luiz~

» [Dúvida] Sobre Códigos.
Hoje à(s) 15:25 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Cristofeer
 
Allenkar_
 
Holkis
 
Shek Crowley
 
Cream
 
Appoloz
 
Maori
 
Jhool
 

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

CharlesIE1H, jpgalettoneh, Kyo Panda, mocci, RT Detona, Sckool, Shek Crowley

[ 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?

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 867
Pontos Ativos : 3054

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7201

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.

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 867
Pontos Ativos : 3054

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

MateusAnjosV
Membro do Fórum

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

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.

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 867
Pontos Ativos : 3054

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7201

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