Widget mensagem privada Qui 1 maio 2014 - 16:35
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Widget mensagem privadaAutor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Neste tutorial você irá aprender a criar um widget de mensagem privada rápida, sem que seja necessário acessar a página de MP's, ou o perfil de um membro.
Primeiro iremos até o Painel de Controle
Módulos Portal & Widgets Gestão dos widgets do fórum Criar um widget personalizadoTítulo: A sua escolha
Utilizar um table type: Fica a seu critério utilizar ou não
Código a ser utilizado:
- Código:
<div id="new_mp">
<button class="new_mp">Nova MP</button>
</div>
<style type="text/css">
#new_mp {text-align: center;}
#new_mp button {
-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
box-shadow: inset 0px 1px 0px 0px #97c4fe;
outline: none;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
background-color: #3d94f6;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
cursor: pointer;
text-indent: 0;
border: 1px solid #337fed;
display: inline-block;
color: #ffffff;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
height: 53px;
line-height: 53px;
width: 131px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0px #1570cd;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.new_mp').click(function() {
var MP = {
nome: 'Nome do usuário:',
titulo: 'Título da mensagem:',
message: 'Mensagem:'
};
var user = prompt(MP.nome).replace(/\s/g,'+');
var title = prompt(MP.titulo).replace(/\s/g,'+');
var message = prompt(MP.message).replace(/\s/g,'+');
jQuery.post('/privmsg', {
folder: 'inbox',
mode: 'post',
post: '1',
username: user,
subject: title,
message: message
}).done(function () {
console.log("Enviado");
}).fail(function () {
console.log("Erro");
});
});
});
</script>
Se tiver alguma dúvida em relação a este tutorial, crie um tópico de mesmo nome.
Última edição por Daemon em Dom 16 Ago 2015 - 15:09, editado 1 vez(es)
