[Tutorial] Personalizar botão novo tópico, responder e fechado
Página 1 de 1 • Compartilhe
Informações:
Autor: Desconhecido
Funcionalidade: Todas as versões
Acesse:
E Crie um novo javascript com investimento em todas as paginas com esse códigoPainel de Controle ☛ Modulos ☛ HTML & Javascripts ☛ Gestão dos códigos javascripts
- Código:
$(document).ready(function(){$('img[src="http://2img.net/i/fa/punbb/post.png"]').replaceWith('<div class="botãonovotopico">Novo Tópico</div>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/punbb/reply.png"]').replaceWith('<div class="botãoresponder">Responder</div>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/prosilver/button_topic_locked_en.png"]').replaceWith('<div class="botãobloqueado">Bloqueado</div>')});
Lembrando que deve alterar a imagem do botão "Novo Tópico" por esta: https://2img.net/i/fa/punbb/post.png
Botão "Responder" por essa: https://2img.net/i/fa/punbb/reply.png
E Botão Bloqueado por esta: https://2img.net/i/fa/prosilver/button_topic_locked_en.png
Feito isto, acesse:
E Adicione esse código:Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo CSS
- Código:
.botãonovotopico, .botãoresponder {
background-color: #3091C1!important;
background-image: #3091C1!important;
border-image-source: initial!important;
border-image-slice: initial!important;
border-image-width: initial!important;
border-image-outset: initial!important;
border-image-repeat: initial!important;
box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important;
color: rgb(255, 255, 255)!important;
cursor: pointer!important;
display: inline-block!important;
height: 32px!important;
text-align: center!important;
text-decoration: none!important;
text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important;
white-space: nowrap!important;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important;
font-size: 16px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 300!important;
line-height: 31px!important;
border-width: medium!important;
border-style: none!important;
border-color: initial!important;
border-radius: 5px!important;
margin: 10px!important;
padding: 0px 24px!important;
}
div.botãobloqueado {background-color: red!important;
background-image: red!important;
border-image-source: initial!important;
border-image-slice: initial!important;
border-image-width: initial!important;
border-image-outset: initial!important;
border-image-repeat: initial!important;
box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important;
color: rgb(255, 255, 255)!important;
cursor: pointer!important;
display: inline-block!important;
height: 32px!important;
text-align: center!important;
text-decoration: none!important;
text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important;
white-space: nowrap!important;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important;
font-size: 16px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 300!important;
line-height: 31px!important;
border-width: medium!important;
border-style: none!important;
border-color: initial!important;
border-radius: 5px!important;
margin: 10px!important;
padding: 0px 24px!important;}
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|