Como colocar caixa com aviso

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

Resolvido Como colocar caixa com aviso

Mensagem por gabeahero em 20/05/13, 10:31 pm

Qual é minha questão:
Não é bem uma caixa com aviso e sim isso 

http://i.imgur.com/qB1VQkh.png

queria colocar isso como eu coloco?

Endereço do meu fórum:
http://rpglegendary.forumeiros.com

Versão do fórum:
PUNBB
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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

Resolvido Re: Como colocar caixa com aviso

Mensagem por Sking em 20/05/13, 11:33 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:

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

Clique em "Confirmar".

Até mais.

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Como colocar caixa com aviso

Mensagem por MateusA em 21/05/13, 08:09 am

Olá!
Resultado:


Aceda em:

Painel de Controle :seta2: Módulos :seta2: Portal & Widget :seta2: Widget :seta2: Criar Novo Widget Personalizado

Código:
    <script language="JavaScript">
    function controlaCamada(bar_float)
    {
                    if( document.getElementById(bar_float).style.visibility == "hidden" )
                    {
                                    document.getElementById(bar_float).style.visibility = "visible";
                    } else
                    {
                                    document.getElementById(bar_float).style.visibility = "hidden";
                    }
    }
    </script>
    <style type="text/css">
    #bar_float a{
    position: fixed;
    bottom: 80px;
    text-decoration:none;
                    right: 20px;
    z-index:3000;
    }
    a#return_to_ipbfs {
    position: fixed;
    bottom: 10px;
    line-height: 16px;
    text-align: left;
    right: 10px;
    z-index: 1;
    opacity: 0.6;
    width: 260px;
    height: 70px;
    background: #389fcf;
    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 #1b5d75;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #6cd5f5 0px 1px 0px;
    border-radius: 3px;
    }
    a#return_to_ipbfs:hover  { opacity: 0.8; }
    #return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
    </style>
    <a onclick="controlaCamada('bar_float')"><img src="http://i82.servimg.com/u/f82/11/72/12/47/button11.png"=""><a href="#" id="return_to_ipbfs">Você não está conectado.<br>
    Registre-se ou efetue o login para juntar-se aos nossos 350 usuários e poder aproveitar todos os serviços e aventurar-se no mundo do Design!
    </div></a></a><div style="height:4px"></div>

Salve!

Agora apos criar o Widget clique em Permissões do mesmo e edite para so Visualizar os "Visitantes".

Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Como colocar caixa com aviso

Mensagem por Convidado em 21/05/13, 12:08 pm

Saudações!

Se o código do nosso amigo Cʀɑzy, não funcionar troque por este:
Código:
<div id="bar_float" align="center">
<script language="JavaScript">
function controlaCamada(bar_float)
{
                if( document.getElementById(bar_float).style.visibility == "hidden" )
                {
                                document.getElementById(bar_float).style.visibility = "visible";
                } else
                {
                                document.getElementById(bar_float).style.visibility = "hidden";
                }
}
</script>
<style type="text/css">
#bar_float a{
position: fixed;
bottom: 80px;
text-decoration:none;
                right: 20px;
z-index:3000;
}
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.6;
width: 260px;
height: 70px;
background: #389fcf;
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 #1b5d75;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #6cd5f5 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover  { opacity: 0.8; }
#return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>
<a onclick="controlaCamada('bar_float')"><img src='http://www.goldwave.com/images/x.png'=""><a href="#" id="return_to_ipbfs"><p>Você não está conectado.<br>
Registre-se ou efetue o login para juntar-se aos nossos usuários {FORUMCOUNTUSER} e poder aproveitar todos os serviços</p>
</a><br><br>
</div>

Até. Piscada

Convidado
Convidado


Resolvido Re: Como colocar caixa com aviso

Mensagem por gabeahero em 21/05/13, 04:32 pm

Obrigado, Resolvido pode fechar.
avatar

gabeahero
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 182
Pontos Ativos : 329

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