Aviso para novas mensagens
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
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
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)
Ioane- Usuário avançado
-
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638
Re: Aviso para novas mensagens
Olá,
Adicione em uma nova pagina " Javascript "
Código :
Até.
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é.
Hyouki- Membro do Fórum
-
Inscrito dia : 10/02/2012
Mensagens : 1491
Pontos Ativos : 1975
Re: Aviso para novas mensagens
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.
Ioane- Usuário avançado
-
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638
Re: Aviso para novas mensagens
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:
Valide o código.
Vá em:





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.
Diehl- Nível 9
-
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377
Re: Aviso para novas mensagens
Obrigado, Diehl, foi muito útil.
Ioane- Usuário avançado
-
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638
Re: Aviso para novas mensagens
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>
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>
HermeS.- Usuário avançado
-
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum