Conexao rapda preta que fica no topo(código)

Qual é sua questão:
Olá a todos;

Meu problema é o seguinte: eu usei o seguinte código(ja vou coloca-lo) para que me foce acrescentado ao fórum uma barra preta de conexão no topo do meu fórum, mas o problema é que ela só aparece na página principal do meu fórum, oqueeu gostaria é de saber se a como eu fazer com que ela seja mostrada em todas as páginas..
A "barra" na qual me dirijo é esta:

O código que eu utilizo é este:

Código:

    <script>
    var nnome = "{USERNAME}" ;
    if ( nnome != "Convidado"){
    document.write(' <style> ');
    document.write(' #loginn{display:none!important;} ');
    document.write(' </style> ');
    }
    </script>


    <!-- The CSS -->
    <link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
    <style>
    #login {
    overflow: visible;
    height: auto;
    -webkit-transition: margin-top 0.5s ease-in-out 0s;
    -moz-transition: margin-top 0.5s ease-in-out 0s;
    -o-transition: margin-top 0.5s ease-in-out 0s;
    transition: margin-top 0.5s ease-in-out 0s;

    }

    /* Login Panel */
    #top {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

    #top ul.login {
    background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

    #top ul.login li.left {
    background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

    #top ul.login li {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

    /*Login*/
    /* toggle effect - show/hide login*/
    #login {
    background: #1E1E1E;}

    #login .loginContent input:focus.field {
    background: #545454;}

    #login .loginContent input.button_login {
    background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

    #login .loginClose a {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

    #login .loginClose a:hover {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
    </style>

    <!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;">
    <div id="login" style="margin-top:-105px;">
    <div class="loginContent">

    <form action="/login.forum" method="post" enctype="multipart/form-data" name="form_login" id="form_login2">

    <label for="log"><b>Username: </b></label>
    <input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />

    <label for="pwd"><b>Password:</b></label>
    <input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />

    <input class="menuoption button_login" type="submit" name="login" value=" " />

    <input type="hidden" name="redirect" value="" />

    </form>
    <div class="left">

    <label for="rememberme">
    <input name="autologin" id="autologin" type="checkbox" tabindex="4" checked="checked" class="radio" /> Conexão automática
    </label>

    </div>
    <div class="right">Não é um membro? <a href="/profile.forum?mode=register">Registar-me</a> | <a class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar Senha</a></div>

    </div>
    <div class="loginClose"><a href="#" id="closeLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div>

    </div>


    <!-- /login -->


    <div id="container">
    <div id="top">

    <!-- login -->

    <ul class="login">

    <li class="left"> </li>

    <li>Olá Visitante!</li>

    <li>|</li>

    <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li>

    </ul> <!-- / login -->

    </div> <!-- / top -->


    <div class="clearfix"></div>
    </div>



    </div>

Apresente-nos imagens do problema (se necessário):
Essa SS' foi tirada no meu FAQ:
https://i.servimg.com/u/f48/14/88/65/57/311.jpg
Como podem ver, não aparece.

Endereço do fórum:
http://animecenter-forum.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Coloque o código em um Widget editável e veja se funciona.

Até mais.
Luciano98.

Olá Luciano

Não funcionou aqui. Após eu ter colocado em um Widget editavel, ele não apareceu nem na página principal, local onde éra de costume aparecer.
Tem outra solução?

___________________________________________________________________________________________________
EDITADO:
Falha minha T.T
é que eu esqueci de desconectarme para que eu veja a barrinha X.X
desculpe o Transtorno Luciano

RESOLVIDO *-*

Até mais.