Como coloca essa caixa de aviso

Qual é minha questão:
Eu queria só sabe como coloca esse quadrado ( ve a imagem )

eu vi esse efeito no
http://hagzone.forumeiros.com/


Links e imagens do meu problema:
https://i.imgur.com/y43sM.png

Endereço do meu fórum:
http://www.centralcheatsbr.com/

Versão do meu fórum:
PUNBB

Olá,

Simples .
Crie um Widget com este código :

Código:

<div class="main-content clearfix"><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.8;
width: 260px;
height: 70px;
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;
}
a#return_to_ipbfs:hover  { opacity: 1; }
#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.homehost.com.br/images/x_vermelho.gif"></a><a href="#" id="return_to_ipbfs">Olá, seja bem vindo ao Fórum !</a></div></div>

Até Mais .