+5Release's
fascicularia
skilledpt
Neimasinho
DeeW.
9 participantes
DeeW. • Qui 22 maio 2014 - 11:07
Reputação da mensagem: 100% (12 votos)
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.
Última edição por DeeW. em Dom 29 Jun 2014 - 12:43, editado 4 vez(es)
Reputação da mensagem: 100% (12 votos)
Neimasinho • Qui 22 maio 2014 - 11:09
Reputação da mensagem: 100% (1 votos)
Reputação da mensagem: 100% (1 votos)
skilledpt • Qui 22 maio 2014 - 11:51
fascicularia • Qui 22 maio 2014 - 12:32
Obrigado Deew. Não vai fazer você o vento, mas o coração está lá
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
. Eu só estava trocando os botões no editor.
Release's • Qui 22 maio 2014 - 12:36
Olá Convidado !
Só serve para Phpbb3?
Até Mais !
fascicularia • Qui 22 maio 2014 - 13:04
Olá James ,
Acabei de instalar o script e css no Punbb. Funciona na perfeição
Daemon • Qui 22 maio 2014 - 13:07
Reputação da mensagem: 100% (2 votos)
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');
});
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
...
Reputação da mensagem: 100% (2 votos)
[S]herlock H. • Qui 22 maio 2014 - 13:39
Bom tutorial mano DeeW, já tinha um código parecido com esse feito pelo emão Daemon, mais ele não personalizou.
DeeW. • Qui 22 maio 2014 - 14:44
[infos=Código Atualizado!]Código atualizado para todas as versões![/infos]
Daemon • Sex 23 maio 2014 - 0:05
Reputação da mensagem: 100% (1 votos)
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
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
.
Reputação da mensagem: 100% (1 votos)
fascicularia • Sex 23 maio 2014 - 5:37
Olá
Eu pensei em uma coisa: é para o multiquote?
Até Mais !
DeeW. • Sáb 24 maio 2014 - 22:48
fascicularia escreveu:Olá
Eu pensei em uma coisa: é para o multiquote?
Até Mais !
Está sendo desenvolvido amigo! brevemente terá! não lhe garanto!
fascicularia • Seg 26 maio 2014 - 11:41
Reputação da mensagem: 100% (1 votos)
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!
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Obrigado
![cheers](https://2img.net/i/fa/i/smiles/icon_cheers.png)
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 ');
});
Reputação da mensagem: 100% (1 votos)
Daemon • Seg 26 maio 2014 - 17:17
Irei adaptar esse código somente em css, sem utilização de JS
![Smile](https://2img.net/i/fa/i/smiles/icon_smile.gif)
.
DeeW. • Dom 29 Jun 2014 - 12:44
[infos=Tutorial Atualizado!][/infos]
PScript • Seg 14 Jul 2014 - 10:37
Gostei brm lrgal, mas eu tenho uns mais bonitos 100% ipBoard
Convidado • Seg 15 Dez 2014 - 22:34
Gostei Muito, Parabéns Amigo!
« Gøld » • Ter 7 Jun 2016 - 15:22
Genial!! Alguém conseguiu colocar o botão multi citação também?
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos