Como colocar caixa com aviso

3 participantes

Ir para baixo

Tópico resolvido Como colocar caixa com aviso

Mensagem por gabeahero 21.05.13 2:31

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

https://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
gabeahero
gabeahero
***

Membro desde : 29/10/2012
Mensagens : 182
Pontos : 329

http://sevendeadlysinsrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar caixa com aviso

Mensagem por Sking 21.05.13 3:33

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.
avatar
Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar caixa com aviso

Mensagem por MateusA 21.05.13 12:09

Olá!
Resultado:

Como colocar caixa com aviso WGaEr5N

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.

MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar caixa com aviso

Mensagem por Convidado 21.05.13 16:08

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar caixa com aviso

Mensagem por gabeahero 21.05.13 20:32

Obrigado, Resolvido pode fechar.
gabeahero
gabeahero
***

Membro desde : 29/10/2012
Mensagens : 182
Pontos : 329

http://sevendeadlysinsrpg.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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