Aviso para novas mensagens

Qual é minha questão:
Exatamente como no FdF, meu fórum não tem imagens para cada botão da barra de navegação. Ao invés disso, há somente o nome de cada botão escrito. Entretanto, quando há uma nova mensagem privada na caixa de entrada, nada de especial acontece, que modo que só descobrimos que fomos contactados se formos na caixa de entrada para dar uma olhada. Assim, eu gostaria que o nome ficasse vermelho, ou que piscasse, enfim, qualquer coisa que chamasse a atenção do membro. Isso é possível?

Endereço do meu fórum:
http://mundomeiosangue.forumfacil.net

Versão do fórum:
PHPBB3

Olá,

Adicione em uma nova pagina " Javascript "
Código :

Código:

$(function(){$("form#quick_reply input[name='post']").click(function(){$('<iframe name="replyreload" height="0px" width="0px" frameborder="0"></iframe>').insertBefore('form#quick_reply');$('form#quick_reply').attr('target','replyreload');$('form#quick_reply').submit(function(){var t=setTimeout("fmreply()",1000);});});});function fmreply(){window.location.reload()}

Até.

Eu não sei qual era o objetivo de seu código, mas nada de chamativo aconteceu quando testei a recepção de uma nova mensagem.

Não sei se esse código vai dar o efeito que tu queres, mas vamos tentar.

Vá em:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Coloque o seguinte código:

Código:


        ul.navlinks span.new-message{color:#ff8a00;padding-right:2em;background:transparent url(http://2img.net/i/fa/email.gif) no-repeat top right}


Valide o código.

Obrigado, Diehl, foi muito útil.

Olá,

Se a dúvida foi resolvido aperte no botão "obrigado", em quanto sua questão eu tenho um código, espero que goste.
<div><br><br>Este no entanto, exige um código JavaScript, que estarei disponibilizando para você desta vez.<br><br><strong><font color="darkblue">Aceda à "Gestão dos códigos JavaScript"</font></strong><br><strong>Painel de Controle <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Módulos <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> HTML & JS <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Gestão dos códigos JavaScript <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Criar um novo JavaScript :</strong><br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="pln">$</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">on</span><span class="pun">(</span><span class="str">'ready'</span><span class="pun">,</span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">$</span><span class="pun">(</span><span class="str">'body'</span><span class="pun">).</span><span class="pln">append</span><span class="pun">(</span><span class="str">'<div id="newFriend">'</span><span class="pun">+</span><span class="str">" "</span><span class="pun">+</span><span class="str">'<strong><span style="font-size: 18px; line-height: normal"><font color="#00a4cd"><span style="font-family: Gloria Hallelujah;">Tens um Pedido de Amizade</span></font></span></strong><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes"><b><span style="color: #0b5394;"><strong><span style="font-size: 15px; line-height: normal"><font color="#ff6600">Clique aqui para confirmar</font></span></strong></span></b></a><div id="recebeFrd"style="display:none;"></div></div>'</span><span class="pun">);</span><span class="pln">$</span><span class="pun">(</span><span class="str">'#newFriend'</span><span class="pun">).</span><span class="pln">hide</span><span class="pun">();</span><span class="pln">$</span><span class="pun">(</span><span class="str">'#recebeFrd'</span><span class="pun">).</span><span class="pln">load</span><span class="pun">(</span><span class="str">'/profile?mode=editprofile&page_profil=friendsfoes .frm-set'</span><span class="pun">,</span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">$</span><span class="pun">(</span><span class="str">'#recebeFrd img'</span><span class="pun">).</span><span class="pln">each</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span><span class="kwd">var</span><span class="pln"> imgAcc</span><span class="pun">=</span><span class="pln">$</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">attr</span><span class="pun">(</span><span class="str">'alt'</span><span class="pun">);</span><span class="kwd">if</span><span class="pun">(</span><span class="pln">imgAcc</span><span class="pun">==</span><span class="str">"Aceitar"</span><span class="pun">){</span><span class="pln">$</span><span class="pun">(</span><span class="str">'#newFriend'</span><span class="pun">).</span><span class="pln">slideDown</span><span class="pun">(</span><span class="str">'slow'</span><span class="pun">).</span><span class="pln">delay</span><span class="pun">(</span><span class="lit">6000</span><span class="pun">)}})})});</span></li></ol></code></dd></dl><br><strong>Investimento :</strong> Em todas as páginas.<br>Agora vamos para o CSS.<br><br><strong><font color="darkblue">Aceda à "Folha de estilo CSS"</font></strong><br><strong>Painel de Controle <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Visualização <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Imagens e cores <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Cores <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Folha de estilo CSS:</strong><br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="com">#newFriend a {</span><span class="pln"></span><br></li><li class="L1"><span class="pln">color</span><span class="pun">:</span><span class="pln"> </span><span class="com">#900;</span><span class="pln"></span><br></li><li class="L2"><span class="pln">text</span><span class="pun">-</span><span class="pln">decoration</span><span class="pun">:</span><span class="pln"> none</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L3"><span class="pln">font</span><span class="pun">:</span><span class="pln"> bold </span><span class="lit">16px</span><span class="pln"> </span><span class="typ">Georgia</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L4"><span class="pln"></span><span class="pun">}</span><span class="pln"></span><br></li><li class="L5"><span class="pln"></span><br></li><li class="L6"><span class="pln"></span><span class="com">#newFriend {</span><span class="pln"></span><br></li><li class="L7"><span class="pln">text</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="com">#e1e1e1;</span><span class="pln"></span><br></li><li class="L8"><span class="pln">line</span><span class="pun">-</span><span class="pln">height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2em</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L9"><span class="pln">background</span><span class="pun">:</span><span class="pln"> </span><span class="com">#f9f9f9;</span><span class="pln"></span><br></li><li class="L0"><span class="pln">border</span><span class="pun">-</span><span class="pln">bottom</span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L1"><span class="pln">border</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> solid </span><span class="com">#1E90FF !important;</span><span class="pln"></span><br></li><li class="L2"><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">15px</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L3"><span class="pln">box</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> inset </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">10px</span><span class="pln"> rgba</span><span class="pun">(</span><span class="lit">128</span><span class="pun">,</span><span class="pln"> </span><span class="lit">128</span><span class="pun">,</span><span class="pln"> </span><span class="lit">128</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0.68</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L4"><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L5"><span class="pln"></span><span class="pun">-</span><span class="pln">moz</span><span class="pun">-</span><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L6"><span class="pln"></span><span class="pun">-</span><span class="pln">webkit</span><span class="pun">-</span><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L7"><span class="pln"></span><span class="pun">-</span><span class="pln">o</span><span class="pun">-</span><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">6px</span><span class="pln"> </span><span class="lit">0</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L8"><span class="pln">bottom</span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L9"><span class="pln">box</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> inset </span><span class="lit">0px</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">9px</span><span class="pln"> </span><span class="com">#CCC ,0 0 3px rgba(0, 0, 0, 0.3);</span><span class="pln"></span><br></li><li class="L0"><span class="pln"></span><span class="pun">-</span><span class="pln">moz</span><span class="pun">-</span><span class="pln">box</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> inset </span><span class="lit">0px</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">9px</span><span class="pln"> </span><span class="com">#CCC ,0 0 3px rgba(0, 0, 0, 0.3);</span><span class="pln"></span><br></li><li class="L1"><span class="pln"></span><span class="pun">-</span><span class="pln">webkit</span><span class="pun">-</span><span class="pln">box</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> inset </span><span class="lit">0px</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">9px</span><span class="pln"> </span><span class="com">#CCC ,0 0 3px rgba(0, 0, 0, 0.3);</span><span class="pln"></span><br></li><li class="L2"><span class="pln"></span><span class="pun">-</span><span class="pln">o</span><span class="pun">-</span><span class="pln">box</span><span class="pun">-</span><span class="pln">shadow</span><span class="pun">:</span><span class="pln"> inset </span><span class="lit">0px</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> </span><span class="lit">9px</span><span class="pln"> </span><span class="com">#CCC ,0 0 3px rgba(0, 0, 0, 0.3);</span><span class="pln"></span><br></li><li class="L3"><span class="pln">color</span><span class="pun">:</span><span class="pln"> </span><span class="com">#333;</span><span class="pln"></span><br></li><li class="L4"><span class="pln">font</span><span class="pun">-</span><span class="pln">weight</span><span class="pun">:</span><span class="pln"> </span><span class="lit">700</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L5"><span class="pln">left</span><span class="pun">:</span><span class="pln"> </span><span class="lit">75</span><span class="pun">%;</span><span class="pln"></span><br></li><li class="L6"><span class="pln">min</span><span class="pun">-</span><span class="pln">height</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2em</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L7"><span class="pln">padding</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1em</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L8"><span class="pln">position</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">fixed</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L9"><span class="pln">text</span><span class="pun">-</span><span class="pln">align</span><span class="pun">:</span><span class="pln"> center</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L0"><span class="pln">width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">270px</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L1"><span class="pln"></span><span class="pun">}</span></li></ol></code></dd></dl><br><br>e <u><strong>Valide.</strong></u><br>Até mais.</div>