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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Problema nas páginas devido aos anúncios
Hoje à(s) 21:30 por juleic1123

» Retirar nome duplicado na visualização de uma MP
Hoje à(s) 20:11 por while

» Personalizar página de login
Hoje à(s) 18:55 por Cream

» [Outros] Cartaz
Hoje à(s) 16:38 por Holkis

» [PEDIDO] Banner
Hoje à(s) 16:18 por Holkis

» Separar ícones "Responder" e "Novo tópico"
Hoje à(s) 16:14 por Cream

» Pedido de Rank (Moderador)
Hoje à(s) 16:02 por Holkis

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
Nean
 
lavinnia
 
YouTube3
 

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

Cream, giancamposm, Holkis, juleic1123, NatashaWicker6, Southier, while, YouTube3

[ 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 : 847
Pontos Ativos : 2894

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr
  • 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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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 : 847
Pontos Ativos : 2894

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

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 : 1413
Pontos Ativos : 2318

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 : 847
Pontos Ativos : 2894

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

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5