Aviso para novas mensagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Aviso para novas mensagens

Mensagem por Ioane em 06/04/13, 10:46 am

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


Última edição por Ioane em 06/04/13, 01:18 pm, editado 1 vez(es)
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Aviso para novas mensagens

Mensagem por Hyouki em 06/04/13, 10:55 am

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é.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Aviso para novas mensagens

Mensagem por Ioane em 06/04/13, 11:15 am

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.
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Aviso para novas mensagens

Mensagem por Diehl em 06/04/13, 12:55 pm

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

Vá em:
Seta Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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://illiweb.com/fa/email.gif) no-repeat top right}

Valide o código.
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Aviso para novas mensagens

Mensagem por Ioane em 06/04/13, 01:03 pm

Obrigado, Diehl, foi muito útil.
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Aviso para novas mensagens

Mensagem por HermeS. em 06/04/13, 01:07 pm

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="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Módulos <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> HTML & JS <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Gestão dos códigos JavaScript <img src="http://r21.imgfast.net/users/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="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Visualização <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Imagens e cores <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> Cores <img src="http://r21.imgfast.net/users/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>
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum