Código css disso

Qual é minha questão:
Olá eu gostaria do código desse quadro vermelho que aparece no canto inferior direito desta imagem abaixo.

Links e imagens do meu problema:
https://i.imgur.com/ImcRI.jpg

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

Versão do meu fórum:
PHPBB3

Olá,
Crie um widget com o seguinte código:

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.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.goldwave.com/images/x.png'=""><a href="#" id="return_to_ipbfs">EDITE ESTÁ PARTE PELO QUE VOCÊ DESEJAR!
</div>

Proucure por EDITE ESTÁ PARTE PELO QUE VOCÊ DESEJAR! e modifique pelo que você quer que apareça na mensagem.

Cordialmente
Upload

Vlw Resultou.