Compartilhe
Ir em baixo
avatar
Administrador
Mensagens : 441
Pontos : 12781
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Botões customizados

em 20.12.15 11:00
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:
avatar
Administrador
Mensagens : 441
Pontos : 12781
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Botões customizados

em 20.12.15 11:01
Tutorial Aceito
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum