Nova mensagem privada

Qual é minha questão:
Olá!
Eu criei um menu no CSSMaker, e eu gostava que quando o usuário recebesse uma nova mensagem privada, a aba Mensagens ficasse com outra cor/efeito. Como faço isso?

Obrigada pela ajuda!

Endereço do meu fórum:
http://beasim.umforum.net

Versão do fórum:
PHPBB3

Olá!

Me envie o HTML gerado pelo sistema CSS Menu Maker, o JS usado no caso e especifique o que pretende fazer com o alerta de nova MP.

Melhores cumprimentos.

Today escreveu:Olá!

Me envie o HTML gerado pelo sistema CSS Menu Maker, o JS usado no caso e especifique o que pretende fazer com o alerta de nova MP.

Melhores cumprimentos.

Apaguei o código CSS, mas o JS está aqui:

Código:

jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li><a href='http://beasim.umforum.net/'><span>Home</span></a></li>
  <li><a href='http://beasim.umforum.net/forum'><span>Fórum</span></a></li>
  <li><a href='http://beasim.umforum.net/memberlist'><span>Membros</span></a></li>
  <li><a href='http://beasim.umforum.net/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span>Mensagens</span></a></li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c5-downloads'><span>Downloads </span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f11-sims-1'><span>Sims 1</span></a></li>
        <li><a href='http://beasim.umforum.net/f18-sims-2'><span>Sims 2</span></a></li>
        <li><a href='http://beasim.umforum.net/f25-sims-3'><span>Sims 3</span></a></li>
      </ul>
  </li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c6-historias-e-series'><span>Histórias e Séries</span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f33-sinopses-das-historias'><span>Sinopses</span></a></li>
        <li><a href='http://beasim.umforum.net/f34-historias-e-series'><span>Histórias</span></a></li>
      </ul>
  </li>
  <li><a href='http://beasim.umforum.net/register'><span>Registar-se</span></a></li>
  <li><a href='http://beasim.umforum.net/login'><span>Entrar</span></a></li>
  <li><a href='http://beasim.umforum.net/login?logout=1&tid=ce813250adfd34e056763dd6c6e26cdf&key=fcfb91'><span>Sair</span></a></li>
</ul>
</div>"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});

Então, gostaria que ficasse piscando!

Olá!

Substitua o javascript por esse:

Código:

jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li><a href='http://beasim.umforum.net/'><span>Home</span></a></li>
  <li><a href='http://beasim.umforum.net/forum'><span>Fórum</span></a></li>
  <li><a href='http://beasim.umforum.net/memberlist'><span>Membros</span></a></li>
  <li><a href='http://beasim.umforum.net/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span>Mensagens</span></a></li>
<li><a href='http://beasim.umforum.net/privmsg?folder=inbox'><span class="new-message">Nova mensagem</span></a></li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c5-downloads'><span>Downloads </span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f11-sims-1'><span>Sims 1</span></a></li>
        <li><a href='http://beasim.umforum.net/f18-sims-2'><span>Sims 2</span></a></li>
        <li><a href='http://beasim.umforum.net/f25-sims-3'><span>Sims 3</span></a></li>
      </ul>
  </li>
  <li class='has-sub '><a href='http://beasim.umforum.net/c6-historias-e-series'><span>Histórias e Séries</span></a>
      <ul>
        <li><a href='http://beasim.umforum.net/f33-sinopses-das-historias'><span>Sinopses</span></a></li>
        <li><a href='http://beasim.umforum.net/f34-historias-e-series'><span>Histórias</span></a></li>
      </ul>
  </li>
  <li><a href='http://beasim.umforum.net/register'><span>Registar-se</span></a></li>
  <li><a href='http://beasim.umforum.net/login'><span>Entrar</span></a></li>
  <li><a href='http://beasim.umforum.net/login?logout=1&tid=ce813250adfd34e056763dd6c6e26cdf&key=fcfb91'><span>Sair</span></a></li>
</ul>
</div>"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});

E utilize esse código CSS:

Código:

#page-header .navbar .navlinks a span.new-message{color:#F00;animation:svcolor 1s infinite;-moz-animation:svcolor 1s infinite;-webkit-animation:svcolor 1s infinite;}
@keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}/*TUT by handsomevip007*/60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-moz-keyframes svcolor{10%{color:#F00}/*diendan.chinhphuc.info*/20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}
@-webkit-keyframes svcolor{10%{color:#F00}20%{color:#F80}30%{color:#FF0}40%{color:#5F0}50%{color:#0F0}60%{color:#0FD}70%{color:#09F}80%{color:#00F}90%{color:#A0F}100%{color:#F0F}}

Melhores cumprimentos.

Ola Today, agradeço imenso a sua ajuda, mas não funcionou. Desapareceu totalmente o menu! Já coloquei direito agora! Mas não funcionou

Olá!

Adicione este código CSS:

Código:

#page-header .navbar, ul.navlinks, ul.linklist li{background-color:transparent !important;color: transparent !important;background-image:url(none) !important;border:0px !important;}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
E este código JS:

Código:

if(jQuery("ul.linklist.navlinks li a.mainmenu:contains('Nova mensagem')")){jQuery(document).ready(function(){
jQuery("#cssmenu ul li a:eq(4)").html("<blink>Nova Mensagem</blink>");}});

Adicione em:
Painel...-> Módulos -> HTML E JAVASCRIPT -> Gestão dos códigos javascript
Clique no botão para criar um novo código javascript, irá abrir uma nova página, digite o título a seu gosto, em investimentos marque a opção Em todas as páginas, no maior campo será para colocar o conteúdo, ou seja o código JS dado por mim acima.

Melhores cumprimentos,
seender

Uma questão, acrescento ao código atual ou substituo??
Se for para acrescentar, onde acrescento?

Olá!

Não deve acrescentar e nem substituir (no caso do JS), é simplismente para criar uma nova página JS, consegue fazer isso?

Quanto ao css coloque no final do último caractere de sua folha estilo CSS, ok?

Só para lembrar, o menu original do fórum tem de estar ativo para este procedimento funcionar.

Melhores cumprimentos,
seender

Olá de novo, aconteceu a mesma coisa... fiz como você disse mas não deu em nada :s

Olá!

Só para lembrar, o menu original do fórum tem de estar ativo para este procedimento funcionar.

Até mais!

seender escreveu:Olá!

Só para lembrar, o menu original do fórum tem de estar ativo para este procedimento funcionar.

Até mais!

Olá!
Sim, está ativo :S
Até mais!

Substitua o código do seender por este:

Código:

if(jQuery("#i_icon_mini_message").attr('alt').indexOf('novas')!=-1){jQuery(document).ready(function(){
jQuery("#cssmenu ul li a:eq(4)").html("<blink>Nova Mensagem</blink>");}});