Como colocar caixa com aviso

Painel de Controle Módulos Portal & Widget Widget 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>