[Tutorial] Customizando as opções de post

Informações:

Autor: Deew
Versões: Todas as versões

Instalação:

Acesse:

Painel de controle ->> Modulos ->> HTML & Javascripts ->> Gestão dos códigos Javascripts

Então crie um novo javascript com investimento nos topicos com esse código:

Código:


var copyright = "Copyright - 2014/2013 BestSkins and DeeW.";
$(function () {
    $('a[href*="mode=quote"] img').replaceWith('<span class="post-btn">Citar</span>');
    $('a[href*="mode=edit"] img').replaceWith('<span class="post-btn">Editar</span>');
    $('a[href*="&mode=delete"] img').replaceWith('<span class="post-btn">Deletar</span>');
    $('a[href*="mode=ip"] img').replaceWith('<span class="post-btn">IP do usuário</span>');
    $('a[href*="mode=report"] img').replaceWith('<span class="post-btn">Reportar</span>');
    $('a[href*="mode=lock&p"] img').replaceWith('<span class="post-btn">Bloquear Alertas</span>');
    $('img[alt="Obrigado(a)"]').replaceWith('<span class="post-btn">Agradecer</span>');
    $('a[href*="mode=unlock&p"] img').replaceWith('<span class="post-btn">Desbloquear Alertas</span>');
});

Depois de feito isto acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de Estilo CSS

E Adicione esse código:

Código:



.post-btn{
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0px 10px;
background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0% 0% transparent;
border: 1px solid #DBDBDB;
box-shadow: 0px 1px 0px #FFF inset, 0px 1px 0px rgba(0, 0, 0, 0.3);
border-radius: 3px;
color: #616161;
display: inline-block;
white-space: nowrap;
transition: all 0.2s ease-in-out 0s;
margin:5px;
}

Resultado: