Colocar opção de fechar esse aviso

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

Resolvido Colocar opção de fechar esse aviso

Mensagem por Luis Edit em 21/05/13, 10:43 pm

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>')});

http://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 21/05/13, 11:21 pm, editado 1 vez(es)

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Daemon em 21/05/13, 10:59 pm

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;
});
});
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Luis Edit em 21/05/13, 11:07 pm

Agora o código não funcionou. Triste

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Daemon em 21/05/13, 11:15 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Colocar opção de fechar esse aviso

Mensagem por Luis Edit em 21/05/13, 11:20 pm

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

Tópico resolvido! Obrigado!

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.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