Ajustes na função Javascript de Notificações

Olá!

Eu estou a utilizar um código JavaScript mais um CSS para fazer o efeito do topo do fórum "Bem Vindo | Notificações" e "Entrar | Registar-se" mas eu queria era fazer uma pequena alteração, era que em vez de abrir o aba de notificações, queria apenas a redireccionar para: http://suportedesign.forumeiros.com/profile?mode=editprofile&page_profil=notifications

.CSS:

Código:

li.see_all {
color: #fff;
background-color: #333;
text-align: center;
list-style: none;
}li.see_all {
background-color: #0F5886!important;
border-radius: 3px!important;
font-size: 12px!important;
height: 25px!important;
line-height: 25px!important;
margin-top: 5px!important;
padding: 10px!important;
text-decoration: none!important;
transition: all .5s ease-in-out 0;
width: 200px;
float: right;
position: relative;
display: none;
top: 50px !important;
left: -20px;
}
li.see_all a {color: white;}
#mateusa {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #FFFFFF;
min-width: 175px;
width: auto;
border: 1px solid #333333;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
padding-left: 150px;border: 1px solid #2e3133!important; font-size: 12px!important; top: 70px!important;
}
#fa_usermenu {
position: absolute;
left: 0px;
width: 120px;
padding: 10px 20px 10px 10px;
color: #333333;
font-size: 12px;
text-align: center;
}
#fa_usermenu img {
max-width: 120px;
max-height: 120px;
}
.iheload,.iheload a:link,.iheload a:visited {
color:#fff;
font-family:Arial;
line-height: 1.85;
}
.iheload {
  background: rgba(0,0,0,0.23);
  border-bottom: 3px solid #ACE8D5!important;
  border-radius: 0 0 34px 34px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.53);
  float: right;
  font-size: 11.5px;
  font-weight: 600;
  height: 31px;
  margin: 0 20px 0 0;
  padding: 0 0 0 10px;
  position: absolute;
  right: 1em;
  text-align: right;
  text-shadow: 1px 1px 1px #000;
  top: -20px;
  vertical-align: middle;
  z-index: 999;
}
.iheload #header {
height: 0 !important;
padding: 5px 55px 0 45px;
vertical-align:middle;
background: none !important;
box-shadow: none;
}

JavaScript:

Código:

/* MateusA creations; */

    $(function(){
      $.ajax({url:'http://js01.fra.co/32967.js',cache:!0,dataType:'script'});
          $.ajax({url:'https://raw.githubusercontent.com/Etana/tools.core/master/FA.js',cache:!0,dataType:'script'});

    /* Requisição convidado */
    if(_userdata["session_logged_in"] == 0) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/login">Entrar</a>  |  <a href="/register?agreed=true&step=2">Registar-se</a></div></div><div style="height:4px"></div>');
};

    /* Requisição user */
    if(_userdata["session_logged_in"] == 1) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/">Bem vindo '+_userdata["username"]+'</a>  |  <a href="/">Notificações</a></div></div><div style="height:4px"></div>');

    /* Add ao body o painel */
   $('body').prepend('<ul id="mateusa" style="left: 901px;"><div id="fa_usermenu">'+_userdata["avatar"]+'<a id="fa_ranktitle" title="rank"> '+_userdata["username"]+'</a><table style="line-height: 15px;"><tbody><tr><td class="first">Mensagens</td><td> : </td><td class="bold">'+_userdata["user_posts"]+'</td></tr><tr><td class="first">MPs</td><td> : </td><td class="bold">'+_userdata["user_nb_privmsg"]+'</td></tr><tr><td class="first">Reputação</td><td> : </td><td class="bold">'+_userdata["point_reputation"]+'</td></tr></tbody></table></div><li><a href="/u'+_userdata["user_id"]+'">Ver meu perfil</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Editar o seu perfil</a></li><li class="fa_separator"></li><li><a href="/sta/'+_userdata["username"]+'">Todos os tópicos</a></li><li><a href="/spa/'+_userdata["username"]+'">Todas as mensagens</a></li><li><a href="/search?search_id=watchsearch">Seus tópicos seguidos</a></li><li><a href="/privmsg?folder=inbox">Minhas mensagens privadas</a></li><li class="fa_separator"></li><li><a href="/login?logout=1">Sair</a></li></ul> <li class="see_all"><a href="/profile?mode=editprofile&page_profil=notifications">Veja todas as notificações</a></li>');
   /* Painel user  configurations*/
   $('.iheload #header a:first').click(function(event){event.preventDefault(); $('#mateusa').toggle();
      $('li.see_all').hide();
    });
      $('.iheload #header a:last').click(function(event){event.preventDefault(); $('#mateusa').hide();
         $('li.see_all').toggle();
    });};
/* FIM PARTE USUÁRIOS */

    });

Saudações,

JavaScript com investimento em todas as páginas:

Código:

$(document).ready(function(){
   $("#mateusa").remove();
      $(".iheload").html('<div id="header"><a href="http://suportedesign.forumeiros.com/profile?mode=editprofile&page_profil=notifications">Bem vindo '+_userdata["username"]+'</a>  |  <a href="http://suportedesign.forumeiros.com/profile?mode=editprofile&page_profil=notifications">Notificações</a></div></div><div style="height:4px">')
   
   
});

Abraços.
Sennior

Olá!

Podemos também, além do método do Sennior, apenas trocar o link mesmo.

Código:

/* MateusA creations; */

    $(function(){
      $.ajax({url:'http://js01.fra.co/32967.js',cache:!0,dataType:'script'});
          $.ajax({url:'https://raw.githubusercontent.com/Etana/tools.core/master/FA.js',cache:!0,dataType:'script'});

    /* Requisição convidado */
    if(_userdata["session_logged_in"] == 0) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/login">Entrar</a>  |  <a href="/register?agreed=true&step=2">Registar-se</a></div></div><div style="height:4px"></div>');
};

    /* Requisição user */
    if(_userdata["session_logged_in"] == 1) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/">Bem vindo '+_userdata["username"]+'</a>  |  <a href="/">Notificações</a></div></div><div style="height:4px"></div>');

    /* Add ao body o painel */
  $('body').prepend('<ul id="mateusa" style="left: 901px;"><div id="fa_usermenu">'+_userdata["avatar"]+'<a id="fa_ranktitle" title="rank"> '+_userdata["username"]+'</a><table style="line-height: 15px;"><tbody><tr><td class="first">Mensagens</td><td> : </td><td class="bold">'+_userdata["user_posts"]+'</td></tr><tr><td class="first">MPs</td><td> : </td><td class="bold">'+_userdata["user_nb_privmsg"]+'</td></tr><tr><td class="first">Reputação</td><td> : </td><td class="bold">'+_userdata["point_reputation"]+'</td></tr></tbody></table></div><li><a href="/u'+_userdata["user_id"]+'">Ver meu perfil</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Editar o seu perfil</a></li><li class="fa_separator"></li><li><a href="/sta/'+_userdata["username"]+'">Todos os tópicos</a></li><li><a href="/spa/'+_userdata["username"]+'">Todas as mensagens</a></li><li><a href="/search?search_id=watchsearch">Seus tópicos seguidos</a></li><li><a href="/privmsg?folder=inbox">Minhas mensagens privadas</a></li><li class="fa_separator"></li><li><a href="/login?logout=1">Sair</a></li></ul> <li class="see_all"><a href="/profile?mode=editprofile&page_profil=notifications">Veja todas as notificações</a></li>');
  /* Painel user  configurations*/
  $('.iheload #header a:first').click(function(event){event.preventDefault(); $('#mateusa').toggle();
      $('li.see_all').hide();
    });
      $('.iheload #header a:last').click(function(event){event.preventDefault(); $('#mateusa').hide();
        $('li.see_all').toggle();
    });};
/* FIM PARTE USUÁRIOS */

    });

Ou seja, no código acima, procurar por:

Código:

<a href="/">Notificações</a>

Trocar o / pelo link.

Olá!

@Sennior, resultou mas tem um problema é que o aba de "Bem Vindo" desaparece ou seja também é considerado o link das notificações, eu queria apenas para Notificações.

@MateusA, infelizmente não resultou o seu amigo :/

Hã? Tem certeza?
Você tentou dessa forma:

Código:

/* MateusA creations; */

    $(function(){
      $.ajax({url:'http://js01.fra.co/32967.js',cache:!0,dataType:'script'});
          $.ajax({url:'https://raw.githubusercontent.com/Etana/tools.core/master/FA.js',cache:!0,dataType:'script'});

    /* Requisição convidado */
    if(_userdata["session_logged_in"] == 0) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/login">Entrar</a>  |  <a href="/register?agreed=true&step=2">Registar-se</a></div></div><div style="height:4px"></div>');
};

    /* Requisição user */
    if(_userdata["session_logged_in"] == 1) {
      $('body').prepend('<div class="iheload"><div id="header"><a href="/">Bem vindo '+_userdata["username"]+'</a>  |  <a href="/profile?mode=editprofile&page_profil=notifications">Notificações</a></div></div><div style="height:4px"></div>');

    /* Add ao body o painel */
  $('body').prepend('<ul id="mateusa" style="left: 901px;"><div id="fa_usermenu">'+_userdata["avatar"]+'<a id="fa_ranktitle" title="rank"> '+_userdata["username"]+'</a><table style="line-height: 15px;"><tbody><tr><td class="first">Mensagens</td><td> : </td><td class="bold">'+_userdata["user_posts"]+'</td></tr><tr><td class="first">MPs</td><td> : </td><td class="bold">'+_userdata["user_nb_privmsg"]+'</td></tr><tr><td class="first">Reputação</td><td> : </td><td class="bold">'+_userdata["point_reputation"]+'</td></tr></tbody></table></div><li><a href="/u'+_userdata["user_id"]+'">Ver meu perfil</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Editar o seu perfil</a></li><li class="fa_separator"></li><li><a href="/sta/'+_userdata["username"]+'">Todos os tópicos</a></li><li><a href="/spa/'+_userdata["username"]+'">Todas as mensagens</a></li><li><a href="/search?search_id=watchsearch">Seus tópicos seguidos</a></li><li><a href="/privmsg?folder=inbox">Minhas mensagens privadas</a></li><li class="fa_separator"></li><li><a href="/login?logout=1">Sair</a></li></ul> <li class="see_all"><a href="/profile?mode=editprofile&page_profil=notifications">Veja todas as notificações</a></li>');
  /* Painel user  configurations*/
  $('.iheload #header a:first').click(function(event){event.preventDefault(); $('#mateusa').toggle();
      $('li.see_all').hide();
    });
    };
/* FIM PARTE USUÁRIOS */

    });

?

Olá!

Estranho agora resultou amigo, mas agora queria saber uma coisa, eu para quando recebo novas PM's aparece no menu "1 MENSAGEM PRIVADA" em vermelho, e uso este java:

Código:

$(function(){
              $('img#i_icon_mini_new_message').parent().css('color','#FF0000');
    });

Será que não consegue algo para as Notificações? Sei que já tinha dito que não conseguia mas através desse nada amigo? :/

Amigo, eu ainda creio que não.. Mas vou tentar, algumas coisas aqui, Ok? Quando acabar, edito a mensagem e te notifico por mp.

MateusA escreveu:Amigo, eu ainda creio que não.. Mas vou tentar, algumas coisas aqui, Ok? Quando acabar, edito a mensagem e te notifico por mp.

Olá!

Se consegui algo agradeço, e se não se importar precisava disso rapidinho :/ boa sorte

Amigo, eu tentei, tentei.... Mas não consigo mesmo, as notificações com a barra desativada, se desativam completamente do fórum.
Lamento, não será possível. :/

Olá!

Sem problemas amigo então, só queria era ajustar se repara o aba de Bem Vindo está muito para baixo seria possível colocar mais perto? Ou seja abrir logo abaixo como aqui na FdF?

Nesse caso amigo, procure por:

Código:

top: 50px !important;

No CSS da barra, vá diminuindo para ele subir ou aumentando para descer.

Olá!

Até coloquei 500px e ela não se mexe amigo :/

Eita. :o
Faça com o:

Código:

margin-top: 5px !important

Os mesmos processos.

Olá!

Coloquei também 200px e nem se mexe a caixa :o

É, eu me registrei em seu fórum e descobri o erro.
Procure por este trecho, no CSS:

Código:

#mateusa {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #FFFFFF;
min-width: 175px;
width: auto;
border: 1px solid #333333;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
padding-left: 150px;border: 1px solid #2e3133!important; font-size: 12px!important; top: 70px!important;
}

Troque por:

Código:

#mateusa {
display: none;
position: absolute;
list-style-type: none;
margin: 0px;
padding: 0px 10px;
background-color: #FFFFFF;
min-width: 175px;
width: auto;
border: 1px solid #333333;
line-height: 32px;
border-top: 0px solid #FFFFFF;
z-index: 999;
padding-left: 150px;border: 1px solid #2e3133!important; font-size: 12px!important; top: 30px!important;
}

Resultado: http://prntscr.com/730k44

Atenciosamente,
MateusA.

Olá!

Resultou e ficou perfeito, só queria agora dar estilo se não for incomodo amigo, queria colocar deste estilo, e se possível aquela setinha também como aqui na FdF:


Efeito encontra-se aqui: http://www.lifegrounds.biz/

Olá amigo!

Adicione a sua folha de estilos:

Código:

#mateusa li a {
  color: #fff !important;
}
#fa_usermenu {
  color: #CDCCCC !important;
}
#mateusa {
  background-color: #454545 !important;
}
#mateusa li:hover {
  border-left: 5px solid rgb(172, 232, 213);
  background: rgba(0, 0, 0, 0.13);
  padding: 5px;
}

Abraços.

Olá!

Acrescente em sua CSS:

Código:

    #fa_usermenu img {
  border: 1px solid #313131;
  padding: 5px;
  background: black;
  border-radius: 2px;
  width: 120px;
  height: 120px;
}
#fa_menu:hover :visited {
  background: transparent!important;
}
#mateusa a{color: white !important;font-family: "Arial";}
#mateusa li {margin-top: 0px;padding: 5px}
#mateusa li:hover {background: #313131;padding: 5px;border-left: 5px solid #009DE3}
#mateusa td.first, #mateusa td  {color: white}

Olá!

Seria possível aumentar a caixa só um jeitinho na parte de baixo, pois está muito colado ao texto. E se possível a tal setinha como aqui na FdF

@Ismael, o meu código já está aumentado a "caixa".
Para a setinha, esse é o código:

Código:

 #mateusa:before {
  border: solid transparent;
  content: "▲";
position: absolute;
top: -11%;
  height: 0;
  left: 220px;
  pointer-events: none;
  width: 0;
  color: white;
}

Deixei ela branca, você pode mudar em:
'color:white'
Para posicionamento, procure por:
top: -11%
left: 220px
E altere.

Olá!

Ficou perfeito, agora por fim, queria colocar o efeito mais para a esquerda ou seja:


Colocar mais ao menos depois do traço verde

Olá!

No CSS fornecido, no início do tópico pelo senhor, procure por:

Código:

 right: 1em;

Altere por:

Código:

right: 10%;

Resultado:
http://prntscr.com/732bbs

Olá!

Resultou, mas agora o aba de Bem Vindo, ficou no canto esquerdo, será possível colocar para a direita?

Saudações!

Adicione a sua folha de estilos:

Código:

#mateusa {
  left: 53% !important;
}

Abraços.

Olá!

Perfeito e dúvida resolvida obrigado a ambos!!!