Personalizar botões sem imagens

+3
Luciano98
Luiiz
***
7 participantes

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

Tópico resolvido Personalizar botões sem imagens

Mensagem por *** 21.07.11 20:48

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ê
avatar

***
**

Membro desde : 12/05/2010
Mensagens : 57
Pontos : 108

http://informatica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Luiiz 21.07.11 20:59

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
Luiiz

Luiiz
***

Membro desde : 06/07/2011
Mensagens : 193
Pontos : 281

http://newlayout.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por *** 21.07.11 21:11

Eu queria por codigos Muito feliz
avatar

***
**

Membro desde : 12/05/2010
Mensagens : 57
Pontos : 108

http://informatica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 21.07.11 21:34

Olá!

Qual a versão do seu fórum?

Até mais.
Luciano98.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por *** 21.07.11 22:04

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

***
**

Membro desde : 12/05/2010
Mensagens : 57
Pontos : 108

http://informatica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Oto! 23.07.11 14:37

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


Até Mais!
Oto!

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Mikáá 23.07.11 14:41

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.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Oto! 23.07.11 14:48

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!
Oto!

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Mikáá 23.07.11 14:49

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

Até mais.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por burlador 24.07.11 0:41

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
avatar

burlador
****

Membro desde : 25/01/2010
Mensagens : 200
Pontos : 290

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 24.07.11 3:07

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

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por *** 24.07.11 9:15

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

***
**

Membro desde : 12/05/2010
Mensagens : 57
Pontos : 108

http://informatica.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Solkis 24.07.11 19:35

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

Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar botões sem imagens

Mensagem por Luciano98 24.07.11 22:26

*** 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.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos