Personalizar botões sem imagens

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

Resolvido Personalizar botões sem imagens

Mensagem por *** em 21/07/11, 04:48 pm

Hello my freed,
Gostaria de pedir um código:
Queria meter o seguinte sistema em meu fórum: informatica.forumeiros.com

Em vez de ter imagens nos links "Novo tópico, Responder e Bloqueado" gostava de meter substituir as imagens por isto:
Umas bordas e uma cor de fundo.

É possível fofos do FDF? Eu amo você

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Luiiz em 21/07/11, 04:59 pm

Acho melhor você criar uma imagem da Borda e uma cor de fundo e colocar lá!
Pois se for possível fazer isso, vai ser por complicados códigos!!
Se você não conseguir criar essas imagens pode pedir aqui no fórum! Feliz
avatar

Luiiz
Nível 9

Masculino
Inscrito dia : 06/07/2011
Mensagens : 193
Pontos Ativos : 281

Ver perfil do usuário http://newlayout.forumbrasil.net

Resolvido Re: Personalizar botões sem imagens

Mensagem por *** em 21/07/11, 05:11 pm

Eu queria por codigos Muito feliz

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 em 21/07/11, 05:34 pm

Olá!

Qual a versão do seu fórum?

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por *** em 21/07/11, 06:04 pm

PhBB3! Actualizei o meu perfil com essas informações, caro friend

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Oto! em 23/07/11, 10:37 am

Poderia nos apresentar uma imagem?
Você quer os botões,por link?


Até Mais!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Mikáá em 23/07/11, 10:41 am

Olá Mr.Helper e ***,

***
, somente consigo fazer o desejado, se colocar uma imagem transparente e depois se aplicar o CSS das bordas e fundo! De outra forma não consigo. Mesmo assim quer?

Mr.Helper, leia as dúvidas e os títulos das mesmas, antes de perguntar esse tipo de dúvidas. O nosso amigo deseja remover as imagens dos botões e fazer elas (sem as imagens) efeitos com CSS, como se tivessem imagens, ou seja, colocar fundo, bordas, etc, etc... como se tive-se uma imagem, compreende?

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar botões sem imagens

Mensagem por Oto! em 23/07/11, 10:48 am

Compreendi.

Obrigado SantolaZ.Eu leio o que faço,e leio os tópicos.Só tento ajudar,mais se no caso eu tentar ajudar e sempre ser criticado...




***,

Irei tentar desenvolver um código.
Mais não digo que eu consiga desenvolver.

Espero que sua dúvida seja resolvida.

Cordialmente,
Espero não estar sendo bruto de mais!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Mikáá em 23/07/11, 10:49 am

Olá novamente,
Não o estou a criticar se ler bem e se compreender. Apenas estou a dar-lhe uma dica! Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar botões sem imagens

Mensagem por burlador em 23/07/11, 08:41 pm

pode tentar isto
Código:

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('img[src="Link imagem novo topico"]').replaceWith('<a class="botoes1"> Novo Tópico</a>');
jQuery('img[src="Link imagem responder"]').replaceWith('<a class="botoes1" style="border-left: 1px black dashed;"> Responder</a>');
});
</script>
voce deve aplicar uma imagem para esses botoes no forum e depois meter o link correspondente a cada imagem no codigo

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 em 23/07/11, 11:07 pm

Olá!

Aqui está:
Código:
jQuery(document).ready(function(){jQuery('.topic-actions div.buttons a img').eq(0).before('<span style="background:transparent no-repeat;line-height:23px;padding:5px 27px 5px 30px;display:block">Novo tópico</span>');jQuery('.topic-actions div.buttons a img').eq(1).before('<span style="background:transparent no-repeat;line-height:23px;padding:5px 27px 5px 30px;display:block">Responder</span>');jQuery('.topic-actions div.buttons a').attr('style','background:transparent no-repeat scroll topright;color:#000000;float:left;font:bold 13px arial,sans-serif;height:33px;margin-right:6px;padding-right:3px;text-decoration:none;border:1px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px');jQuery('.topic-actions div.buttons a img').remove()});

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por *** em 24/07/11, 05:15 am

Luciano, lamento querido mas só o "Responder" é que tem o link para criar um novo tópico... poderá testar para ver?

***
Nível 5

Masculino
Inscrito dia : 12/05/2010
Mensagens : 57
Pontos Ativos : 108

Ver perfil do usuário http://informatica.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Solkis em 24/07/11, 03:35 pm

Boa tarde,

Este código é bem mais simples, somente precisa adicionar em:
Painel... -> Módulos -> HTML e JavaScript -> Gestão dos códigos JavaScript

Marque para aparecer em todas as páginas!
Código:
$(function() {
   for(button in {'.i_reply':0, '.i_post':0}) {
      $(button).css('display', 'none').after($(button).attr('alt'));
   }
});
Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 em 24/07/11, 06:26 pm

@*** escreveu:Luciano, lamento querido mas só o "Responder" é que tem o link para criar um novo tópico... poderá testar para ver?
Como assim?
Poderia passar o link do seu fórum para que eu teste o código no seu fórum pelo meu navegador?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

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