Colocar opção de fechar esse aviso

2 participantes

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

Tópico resolvido Colocar opção de fechar esse aviso

Mensagem por Luis Edit 22.05.13 2:43

Qual é minha questão:
Código:
jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p></div>')});

https://ajuda.forumeiros.com/t79586-como-colocar-caixa-com-aviso

Das opções de caixas de aviso, o do código acima foi o único que funcionou, uma pena que o mesmo não tenha opção de fechar como os outros tem, porque vi o link de um X, e provavelmente é uma opção de fechar o aviso. Ta atrapalhando no fórum não poder tirar o aviso, na hora de fazer login no fim da página...

Queria por opção de fechar no código acima.

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION


Última edição por Luis (///) em 22.05.13 3:21, editado 1 vez(es)
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Daemon 22.05.13 2:59

Troque o código por:
Código:

jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}#sticky-close{position: absolute;right: -3px;top: -5px;}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p><div id="sticky-close"><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/lynx/22x22/actions/dialog-close.png"></a></div></div>')
jQuery('#sticky-close').click(function() {
 jQuery('#stickymsg').fadeToggle();return false;
});
});
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Luis Edit 22.05.13 3:07

Agora o código não funcionou. Triste
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Daemon 22.05.13 3:15

Vá até painel de controle > visualização > página inicial > geral > mensagem na página inicial > conteúdo da mensagem:
Código:
<script>jQuery(document).ready(function(){jQuery('body').prepend('<style>#stickymsg{position:fixed;bottom:10px;line-height:16px;right:10px;z-index:30000;opacity:0.8;width:260px;height:auto;background:#cf3737;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;padding:10px;text-decoration:none;font-size:11px;font-family:Tahoma;border:1px solid #771b1b;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px,inset #f66c6c 0px 1px 0px;border-radius:3px} #stickymsg a{color:#fff;font-weight:bold;text-decoration:none} #stickymsg:hover{opacity:1}#sticky-close{position: absolute;right: -3px;top: -5px;}</style><div id="stickymsg"><p class="bbc_center">Bem Vindo Visitante, A Nossa Pagina!</p> <br> <p class="bbc_center">Por Favor <a href="/login" class="bbc_url" title="External link" rel="nofollow external">logue</a> ou <a href="/register" class="bbc_url" title="External link" rel="nofollow external">registre-se </a>Para ver todo Conteúdo!</p><div id="sticky-close"><a href="#"><img src="http://cdn3.iconfinder.com/data/icons/lynx/22x22/actions/dialog-close.png"></a></div></div>')
jQuery('#sticky-close').click(function() {
 jQuery('#stickymsg').fadeToggle();return false;
});
});</script>
Piscada!
Daemon

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Luis Edit 22.05.13 3:20

Colocando nesse local só funciona na página inicial, em widget funciona em todas as páginas.

Tópico resolvido! Obrigado!
avatar

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos