Customizando as opções de post

Nome do Arquivo: Customizando as opções de post
Autor: [David Wellington] DeeW.
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Agora você pode personalizar seus botões da opção de post! e nunca mais precisar usar imagens!

Primeiro crie um javascript com investimento nos tópicos:

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>');
});


CSS Funcional em todas as versões! não obrigatório.

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;
}


Dúvidas? Crie um tópico na área de suporte de mesmo título.

Tutorial ótimo parabéns.

excelente, reputado

Obrigado Deew. Não vai fazer você o vento, mas o coração está lá   . Eu só estava trocando os botões no editor.

Olá Convidado !

Só serve para Phpbb3?

Até Mais !

Olá James ,

Acabei de instalar o script e css no Punbb. Funciona na perfeição

O código adaptado para todas as versões:

Código:

var copyright = "Copyright - 2014/2013 BestSkins and DeeW.";
$(function(){
 $('a[href*="mode=quote"] img').replaceWith('Citar');
 $('a[href*="mode=edit"] img').replaceWith('Editar');
 $('a[href*="&mode=delete"] img').replaceWith('Excluir');
 $('a[href*="mode=ip"] img').replaceWith('IP');
 $('a[href*="mode=report"] img').replaceWith('Reportar');
 $('a[href*="mode=lock&p"] img').replaceWith('Bloquear os alertas');
});

...

Bom tutorial mano DeeW, já tinha um código parecido com esse feito pelo emão Daemon, mais ele não personalizou.

[infos=Código Atualizado!]Código atualizado para todas as versões![/infos]

Lembre-se que esse css só irá funcionar para a versão PunBB:

Código:

.post-options a{
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;
}

por conta do elemento "post-options" que é do PunBB .

Olá
Eu pensei em uma coisa: é para o multiquote?
Até Mais !

fascicularia escreveu:Olá
Eu pensei em uma coisa: é para o multiquote?
Até Mais !

Está sendo desenvolvido amigo! brevemente terá! não lhe garanto!

DeeW. escreveu:

fascicularia escreveu:Olá
Eu pensei em uma coisa: é para o multiquote?
Até Mais !

Está sendo desenvolvido amigo! brevemente terá! não lhe garanto!

Obrigado 

Adicionar uma pequena linha para o roteiro de origien, e vou tentar encontrar o multicitation

Código:

$('a[href*="mode=unlock&p"] img').replaceWith(' Desbloquear os alertas ');

Código:


var copyright = "Copyright - 2014/2013 BestSkins and DeeW.";
$(function(){
$('a[href*="mode=quote"] img').replaceWith('Citar');
$('a[href*="mode=edit"] img').replaceWith('Editar');
$('a[href*="&mode=delete"] img').replaceWith('Excluir');
$('a[href*="mode=ip"] img').replaceWith('IP');
$('a[href*="mode=report"] img').replaceWith('Reportar');
$('a[href*="mode=lock&p"] img').replaceWith('Bloquear os alertas');
$('a[href*="mode=unlock&p"] img').replaceWith(' Desbloquear os alertas ');
});


Irei adaptar esse código somente em css, sem utilização de JS .

[infos=Tutorial Atualizado!][/infos]

Gostei brm lrgal, mas eu tenho uns mais bonitos 100% ipBoard

Genial!! Alguém conseguiu colocar o botão multi citação também?