Sera possivel ter esta barra de login?

Qual é minha questão:
Bem vi isto num site que nao e Forumeiros mas queria saber se dava o site onde vi foi;

http://www.mni-gaming.org/08/index.php?site=forum#

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Imagens do meu problema:




Endereço do meu fórum:
www.forum-frito.pt.am

Versão do meu fórum:
PHPBB3

Olá Ismael7 !
Penso que não seja possivel, espere alguem da equipe que saiba .

Até mais
iTrade

-> Se ajudem clique no obrigado !

não estou conseguindo ver essa barra de loguin no site, poderia me dizer aonde está detalhadamente?

Também não encontrei, tente usar o Firebug ou algo semelhante para pegar o código, mas acredito ser praticamente impossível uma igual ou parecida.

Abre o site e tal em cima mas ta em "+"

Olá!

Acredito que sim... mas fazendo grandes modificações em um código já existente de barra de login aqui da Forumeiros.
Olhe este tipo de login, lá em cima.
Se quiser, lhe passo. Assim você pode tentar editar.

Até mais,
Login.

Gosto, mas queria ver se dava ou nao ter a que quero ;D

Se nao podia ser esta; http://tugatech.com.pt/forum#

Vejam !

UP!

Queria o codigo desta barra de login; http://tugatech.com.pt/forum#

Olá,

veja esse código:
Painel de controle Módulos Portal e Widgets Gestão dos Widgets do fórum Crie um novo widget e adicione o mesmo.

Código:

        <!-- 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 I */
            #topp {
            height: 38px;
            position: relative;
            }
     
            #topp ul.login {
            display: block;
            position: relative;
            float: right;
            clear: right;
            height: 38px;
            width: auto;
            font-weight: bold;
            line-height: 38px;
            margin: 0;
            right: 150px;
            color: white;
            font-size: 80%;
            text-align: center;
            padding-right: 45px;
            }
     
            #topp ul.login li.left {
            height: 38px;
            width: 45px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
            }
     
            #topp ul.login li {
            text-align: left;
            padding: 0 6px;
            display: block;
            float: left;
            height: 38px;
            }
            #topp ul.login li a {color: #33CCCC;}
            #topp ul.login li a:hover {color: white;}
     
            /* Login Panel */
            #topp {
            background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
     
            #topp ul.login {
            background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
     
            #topp ul.login li.left {
            background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
     
            #topp 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{padding-top:0px;width:790px;height:100px;}
     
            #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:-100px;"><div class="loginContent">
     
     
     
     
            <table  style="width:100%;"  border="0">
            <tr>
     
            <td style="text-align:center;">
            <table border="0">
            <tr>
     
            <td>
            <script>
            jQuery(document).ready(function(){
              jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
                  link = jQuery('.panel dl:first img', data).attr('src');
                  if(link){
                    jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
                  }else{
                    jQuery('#avatar').html('');
                  }
              });
            });
            </script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
            </td>
     
            <td>
            <span style="font-size: 1.2em;">
            <font size="4"><a href="http://pwn3dmods.forumbrasil.net/profile.forum?mode=viewprofile&amp;u=283">{USERNAME}</a></font>
     
            <b>Mensagens:</b> {USERCOUNTPOST}
            </span>
            </td>
     
            </tr>
            </table>
            </td>
     
     
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Alterar</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a>
     
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Ver</b>
     
            <a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a>
     
            <a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>
     
            <a href="../search.forum?search_id=draftsearch">Rascunhos</a>
     
            <a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a>
     
            <a href="../rpg_sheet_edit.forum">Ficha de personagem</a>
     
            </span>
            </td>
     
            <td style="text-align:center;">
            <span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>
     
            <a href="../msg.forum?folder=inbox">Mensagens Privadas</a>
     
            <a href="../search.forum?search_topics=Victor">Meus tópicos</a>
     
            <a href="../search.forum?search_id=egosearch">Tópicos que participa</a>
     
            <a href="../search.forum?search_author=Victor&show_results=posts">Minhas mensagens</a>
     
            <a href="../search.forum?search_id=newposts">Últimos tópicos</a>
     
            </span>
            </td>
     
            </tr>
            </table>
     
     
     
     
            </div>
     
            </div>
     
     
            <!-- /login --><div id="container"><div id="topp">
     
            <!-- login -->
     
            <ul class="login">
     
            <li class="left"> </li>
     
            <li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>
     
            </ul> <!-- / login -->
     
            </div> <!-- / topp --><div class="clearfix"></div>
            </div></p></div>

Créditos ao Jeffrey

Mais informações nesse tópico / ou se não deu certo:
https://ajuda.forumeiros.com/t44151-painel-de-usuario-no-topo?highlight=painel+do+usu%E1rio

Atenciosamente Otaviodg

Sim mas eu quero para LOGIN nao para Painel De Usario!

Olá!

Utilize 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>

Até mais!

Podiam por as letras em branco sff ?

Veja se assim funciona:

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 --><font color ="white"><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></font>

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

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


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



        </div>

Resolvido ;D