Aviso para novas mensagens

Item: Aviso para novas mensagens
Rating: 1

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

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

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.

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

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.

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

Obrigado, Diehl, foi muito útil.

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> Este no entanto, exige um código JavaScript, que estarei disponibilizando para você desta vez. Aceda à "Gestão dos códigos JavaScript" 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 : <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">$(document).on('ready',function(){$('body').append('<div id="newFriend">'+" "+'Tens um Pedido de Amizade <a href="/profile?mode=editprofile&page_profil=friendsfoes">Clique aqui para confirmar</a><div id="recebeFrd"style="display:none;"></div></div>');$('#newFriend').hide();$('#recebeFrd').load('/profile?mode=editprofile&page_profil=friendsfoes .frm-set',function(){$('#recebeFrd img').each(function(){var imgAcc=$(this).attr('alt');if(imgAcc=="Aceitar"){$('#newFriend').slideDown('slow').delay(6000)}})})});</li></ol></code></dd></dl> Investimento : Em todas as páginas. Agora vamos para o CSS. Aceda à "Folha de estilo CSS" 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: <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">#newFriend a { </li><li class="L1">color: #900; </li><li class="L2">text-decoration: none; </li><li class="L3">font: bold 16px Georgia; </li><li class="L4">} </li><li class="L5"> </li><li class="L6">#newFriend { </li><li class="L7">text-shadow: 1px 1px 0 #e1e1e1; </li><li class="L8">line-height: 2em; </li><li class="L9">background: #f9f9f9; </li><li class="L0">border-bottom: 0; </li><li class="L1">border: 1px solid #1E90FF !important; </li><li class="L2">border-radius: 15px !important; </li><li class="L3">box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.68) !important; </li><li class="L4">border-radius: 6px 6px 0 0; </li><li class="L5">-moz-border-radius: 6px 6px 0 0; </li><li class="L6">-webkit-border-radius: 6px 6px 0 0; </li><li class="L7">-o-border-radius: 6px 6px 0 0; </li><li class="L8">bottom: 0; </li><li class="L9">box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3); </li><li class="L0">-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3); </li><li class="L1">-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3); </li><li class="L2">-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3); </li><li class="L3">color: #333; </li><li class="L4">font-weight: 700; </li><li class="L5">left: 75%; </li><li class="L6">min-height: 2em; </li><li class="L7">padding: 1em; </li><li class="L8">position: fixed; </li><li class="L9">text-align: center; </li><li class="L0">width: 270px; </li><li class="L1">}</li></ol></code></dd></dl> e Valide. Até mais.</div>

Fórum dos Fóruns Forumeiros

Aviso para novas mensagens

Aviso para novas mensagens

Re: Aviso para novas mensagens

Re: Aviso para novas mensagens

Re: Aviso para novas mensagens

Re: Aviso para novas mensagens

Re: Aviso para novas mensagens