Personalizar botões sem imagens

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?

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!

Eu queria por codigos

Olá!

Qual a versão do seu fórum?

Até mais.
Luciano98.

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

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


Até Mais!

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.

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!

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

Até mais.

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

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.

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

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.

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