Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como personalizar MP's

3 participantes

waghcwb waghcwb  • Sáb 6 Jul 2013 - 15:23

Como personalizar MP's Empty Como personalizar MP's Sáb 6 Jul 2013 - 15:23

Qual é minha questão:
Fiz um menu novo menu para meu fórum, gostaria de saber como faço para que quando o usuário receber uma nova MP, o texto 'Mensagens Pessoais' seja alterado para alguma coisa que eu ainda vou definir, poderia ser por exemplo 'Nova Mensagem' ou algo do tipo. Podem me ajudar? Fico grato desde já!

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

[Dark]Doki-. [Dark]Doki-.  • Sáb 6 Jul 2013 - 16:09

Como personalizar MP's Empty Re: Como personalizar MP's Sáb 6 Jul 2013 - 16:09

Reputação da mensagem: 100% (3 votos)
Adicione este javascript em "todas as paginas"
Código:
$(function(g) {
var tg = document.getElementById('i_icon_mini_new_message');if(!tg) return;
var mps = $(tg).attr("alt").match(/[0-9]+/);
$('li a[href^="/privmsg?folder=inbox"]').attr('data-counter', ''+mps+'');
});

Adicione este css
Código:
/* MP */
[data-counter]:after {
    background-color: #CF2020;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-counter);
    position: absolute;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    border-radius:2px;
    background-clip: padding-box;
    font:bold 10px "Helvetica Neue", sans-serif;
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    margin-left: 5px;
    padding: 5px;
    margin-top: -3px;
    vertical-align: top;
    height: 6px;
    line-height: 6px;
}​

Efeito (ira aparecer o numero de mensages que existe)
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

avatar Matrix-x  • Sáb 6 Jul 2013 - 17:32

Como personalizar MP's Empty Re: Como personalizar MP's Sáb 6 Jul 2013 - 17:32

Reputação da mensagem: 100% (1 votos)
Adicione em seu Java Script

Investimento em todas as paginas

Código:
jQuery(document).ready(function() {
      jQuery('body').append('<div id="mpbox" style="display: none;"><div id="mpbox-box" style="position: fixed; bottom: 0px; right: 5000px; z-index: 999999999; background-color: rgb(248, 248, 248); border: 1px solid rgb(163, 163, 163); transition: all 1s; -webkit-transition: all 1s;"><div id="mpbox-intern" style="padding: 25px 25px 10px 25px;line-height: 18px;color: rgb(48, 48, 48);font-size: 13px;font-family: Arial, Century Gothic;"><div id="mpbox-content">Você tem uma nova mensagem particular.<br><br><b>Remetente: </b><span id="mpbox-remet"></span><br><b>Título: </b><span id="mpbox-title"></span><br><br>Clique em OK para vê-la, ou em Cancelar para ocultar este aviso.</div></div><div id="mpbox-bottom" style="padding: 10px 25px;text-align: center;background: rgba(214, 214, 214, 0.44);border-top: 1px solid rgba(163, 163, 163, 0.34);"><input type="button" value="OK" id="mpbox-ok" style="padding: 4px 20px;margin-right: 20px;"><input type="button" value="Cancelar" onclick="jQuery(this).closest(\'#mpbox-box\').css(\'right\',\'5000px\'); jQuery(this).closest(\'#mpbox-box\').next(\'#mpbox-hide\').fadeOut().fadeIn().fadeOut().fadeIn().fadeOut();" id="mpbox-cancel" style="padding: 4px 20px;"></div></div><div id="mpbox-hide" onclick="jQuery(this).closest(\'#mpbox\').find(\'#mpbox-box\').css(\'right\',\'0px\');" style="position: fixed; bottom: 0px; right: 0px; z-index: 99999999; padding: 32px 27px 22px 29px; background-color: rgb(58, 58, 58); cursor: pointer; "><span style="background: url(https://a.gfx.ms/h/command2.png);background-position: -128px 0px;background-size: 15.3em;padding: 4px 10px 2px 8px;"></span></div></div>');
      jQuery.get('/privmsg?folder=inbox', function(data) {
          jQuery('form[action="/privmsg?folder=inbox"] .main .main-content table.table tbody tr', data).each(function() {
          if(jQuery(this).find('img[src="http://hitskin.com/themes/19/28/02/i_folder_new.png"]').length) {
                jQuery('#mpbox').fadeIn();
                jQuery('#mpbox #mpbox-hide').fadeOut().fadeIn().fadeOut().fadeIn().fadeOut().fadeIn().fadeOut().fadeIn().fadeOut().fadeIn().fadeOut().fadeIn();
                var remet=jQuery(this).find('a.topictitle + a[href^="/u"]');
                jQuery('#mpbox-remet').html(remet);
                var tpcLink=jQuery(this).find('a.topictitle').attr('href');
                var tpcName=jQuery(this).find('a.topictitle').text();
                jQuery('#mpbox-title').text(tpcName);
                jQuery('#mpbox-ok').attr("onClick","location.href=\'"+tpcLink+"\'");
            }
          });
      });
    });



To sem tempo pra colocar um print

waghcwb waghcwb  • Dom 7 Jul 2013 - 19:03

Como personalizar MP's Empty Re: Como personalizar MP's Dom 7 Jul 2013 - 19:03

Obrigado Very Happy

Conteúdo patrocinado  • 

Como personalizar MP's Empty Re: Como personalizar MP's

Permissões neste sub-fórum
Não podes responder a tópicos