Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Necron Necron  • Qua 22 Jan 2014 - 22:21

Usar botões sem ser através de imagem Empty Usar botões sem ser através de imagem Qua 22 Jan 2014 - 22:21

Qual é minha questão:
Bom, eu queria saber como eu faço para deixar os botões do meu fórum (Novo Tópico, Tópico Fechado, Quote, Edit, enfim, esses botões) de acordo com o estilo do meu fórum sem utilizar imagens, pois estou utilizando imagens e acho que não está legal.
Se for possível, me ajudem pois quero fazer isso o mais rápido possível. Se precisarem de acesso ao painel de meu fórum eu irei fornecer sem problemas.
Thanks!

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

ModToolsBS ModToolsBS  • Qua 29 Jan 2014 - 23:17

Daemon Daemon  • Qua 29 Jan 2014 - 23:39

Usar botões sem ser através de imagem Empty Re: Usar botões sem ser através de imagem Qua 29 Jan 2014 - 23:39

Olá meu jovem isto é possível com um simples JS, veja:
Código:
$(function() {
$('.i_post').replaceWith('<span class="post_header">Novo tópico</span>');
$('.i_reply').replaceWith('<span class="post_header">Responder</span>');
$('.i_icon_quote').replaceWith('<span class="post_actions">Quote</span>');
$('.i_icon_edit').replaceWith('<span class="post_actions">Editar</span>');
$('.i_icon_delete').replaceWith('<span class="post_actions">Excluir</span>');
$('.i_icon_ip').replaceWith('<span class="post_actions">IP</span>');
});
Depois basta adicionar ao css isto:
Código:
/*PARA NOVO TÓPICO E RESPONDER*/
.post_header {
conteúdo css aqui...
}
/*PARA OS BOTÕES DE POSTS*/
.post_actions {
conteúdo css aqui...
}
Até!

Target Target  • Sáb 1 Fev 2014 - 23:40

Usar botões sem ser através de imagem Empty Re: Usar botões sem ser através de imagem Sáb 1 Fev 2014 - 23:40

Darei o tópico como finalizado.
[sucesso=Tópico Resolvido; e Bloqueado]Finalizado.[/sucesso]
Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Usar botões sem ser através de imagem Empty Re: Usar botões sem ser através de imagem

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