Sex 01 Mar 2013, 4:06 pm | |
Notificações igual Facebook
Bem, depois de estudos de codigos e mais codigos, desenvolvi uma ferramenta que se assemelha ás 'notificações' da nova barra da forumeiros, mas, diferente dessa, quando alguem posta em um topico que foi criado por ti, uma pequena caixa aparece no canto inferior esquerdo da página, como no facebook. Confira abaixo como fazer e o resultado:
Aceda a:
Painel de controle Modulos Gestão dos widgets do fórum Criar um widget personalizado.
Nome do widget : Coloque o que quiser
Utilizar um table type : Marque Não!
Título do Widget: Deixe em branco
Fonte do widget :
- Código:
<span id="usernamepainel">{USERLINK}</span>
Aceda a:
Painel de controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Coloque o seguinte codigo:
- Código:
/*POPUP TOPICO NÃO LIDO By: #Faicytage*/
#popupnew {min-height:50px;
background-color: #efefef;
border: 1px solid indigo;
border-left: 10px solid indigo !important;
min-width: 200px;
position: absolute;
position: fixed;
bottom: 30px;
margin-left: 40px;
border-radius: 0px 1em 1em 0px;
padding: 5px;
box-shadow: 0px 0px 3px black, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
z-index: 999;
display:none;
font-family: Segoe UI, Calibri, Sans-serif;
font-size: 16pt;}
Feito isso, Aceda a:
Painel de controle Modulos HTML & JAVASCRIPT Gestão dos codigos javascript Criar um novo Javascript
Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle; | |
Investimento - Escolha a opção "Em todas as páginas" | |
Código JavaScript - Neste campo teremos de inserir o código que esta logo abaixo; | |
Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas. |
Coloque o seguinte codigo na caixa:
- Código:
jQuery(document).ready(function(){
$.get('/forum', function(nome1){
var link1 = $('#usernamepainel a:eq(0)', nome1).attr('href').split('u=')[1];
$.get('/u'+link1+'stats', function(nome2){
var link2 = $(' a[href*="/st/"]',nome2).attr('href');
$.get(link2, function(nome3){
jQuery('tr td.tdtopics .status img[alt="Novas mensagens"]:eq(0)',nome3).each(function(){
$('#popupnew').append($('img[alt="Novas mensagens"]', nome3).parent().parent().siblings('td.tcr').children('strong').html() +', postou no topico:<b>'+$('tr td.tdtopics .status img[alt="Novas mensagens"]',nome3).parent().siblings('h2.topic-title').html()+'</b>');
$('#popupnew').fadeIn('slow');
$('body').prepend('<div style="font-family: Segoe UI, Calibri, sans-serif; border-radius: 1em 1em 0px 0px; background-color: #efefef; border: 1px solid #acacac; position: fixed; padding: 5px; box-shadow: 0px 0px 1px black, 0px 0px 5px gray, 0px 0px 10px black, 0px 0px 15px gray, 0px 0px 20px black; bottom: 0px; right: 0px; margin-right: 40px; z-index: 9999;">Desenvolvido por: <font style="color: lightblue; text-shadow: 0px 0px 3px black, 0px 0px 3px indigo, 0px 0px 3px purple, 0px 0px 3px pink;">#Faicytage</font></div>');
});
});
});
});
$('body').prepend('<div id="popupnew"></div>');
});
Resultado:
Creditos: #Faicytage
Só foi testado na versão 'PunBB', testem em outras versões e me digam se funciona.
Última edição por Tsumetai em Sex 01 Mar 2013, 11:46 pm, editado 3 vez(es)