Best Style

Você não está conectado. Conecte-se ou registre-se

Botões customizados

Ir em baixo  Mensagem [Página 1 de 1]

1 Botões customizados em 20.12.15 11:00

Sliw

avatar
Administrador
Informações:
Autor
: Diapt
Funcionalidade: PunBB




Acesse:
Painel de Controle Modulos Html e Javascript Gestão dos codigos Javascript
E crie um novo Javascript com investimento nos topicos com esse codigo:
Código:
$(document).ready(function(){$('img[src="http://illiweb.com/fa/punbb/post.png"]').replaceWith('<span class="botaonovotopico">Criar Tópico</span>')});

$(document).ready(function(){$('img[src="http://illiweb.com/fa/punbb/reply.png"]').replaceWith('<span class="botaoresponder">Responder</span>')});

$(document).ready(function(){$('img[src="http://illiweb.com/fa/prosilver/button_topic_locked_en.png"]').replaceWith('<span class="botaobloqueado">Bloqueado</span>')});

Após feito isto,
Acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo
E adicione esse codigo em sua folha de estilo:
Código:
/***botões costumados - bestskins - diapt ***/
span.botaonovotopico {
    -moz-border-radius: .3vw;
    -webkit-border-radius: .3vw;
    background: #27aaca;
    border-radius: .3vw;
    color: #FFF;
    font-size: .8vw;
    font-weight: 700;
    line-height: 1vw;
    padding: .8vw 2vw;
    text-transform: uppercase;
}
span.botaoresponder {
    -moz-border-radius: .3vw;
    -webkit-border-radius: .3vw;
    background: #27aaca;
    border-radius: .3vw;
    color: #FFF;
    font-size: .8vw;
    font-weight: 700;
    line-height: 1vw;
    padding: .8vw 2vw;
    text-transform: uppercase;
}
span.botaobloqueado {
    -moz-border-radius: .3vw;
    -webkit-border-radius: .3vw;
    background: red;
    border-radius: .3vw;
    color: #FFF;
    font-size: .8vw;
    font-weight: 700;
    line-height: 1vw;
    padding: .8vw 2vw;
    text-transform: uppercase;
}

Resultado:

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

2 Re: Botões customizados em 20.12.15 11:01

Sliw

avatar
Administrador
Tutorial Aceito

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

Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum