Login e sair como do site

Qual é esse código que diz Olá Convidado, Entre
https://2img.net/r/ihimizer/img823/365/neuhm.png
Possa-me pasasr o código e me dizer aonde coloca?

Olá Alexandre Junior!

O mesmo código do site mostrado, aparece neste tópico:
[Resolvido] Login e sair como nesse site

Espero ter lhe ajudado Alexandre Junior!
Byte

Mais quero um para versão invision, olha como fica em meu forum de testes:
http://gtabrasilmodstestes.forumeiros.com/forum.htm

Está funcionando perfeitamente, não vejo erros!

O tema do fórum e black, então no emu fica todo branco

MEu navegador e G-C(Google Chrome)

Olá Alexandre Junior!

Tente utilizar o último código que postei ao invés do primeiro, ele está sem defeitos ^^

< Código >

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 */ #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 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="topp"> <!-- 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> <!-- / topp --> <div class="clearfix"></div> </div> </div>

< /Código >

O primeiro contia o seguinte CSS:
http://web-kreation.com/demos/login_form_mootools_1.2/style.css

Que modificava o body(nome de uma tag) do documento, nos outros códigos eu tirei ele.
Quando for pegar o código de um tópico veja sempre os últimos pois estes estão aperfeiçoados e sem erros.

Até logo Alexandre Junior!
Byte

Popssa-me dizer aodne adicona esse código?

Olá Alexandre Junior!

No tópico já havia falado isso:

Byte escreveu:[...] e fiz para ele funcionar em fóruns, ele funciona na "Mensagem na Home page", para ir lá faça assim:

Vá em:

>>> Painel de Controle >>> Visualização >> Home Page >> Geral > Mensagem na Home page > Conteúdo da mensagem

E coloque o seguinte código: (Código) [...]

Até logo Alexandre Junior!
Byte

Fiz isso Byte, mais não aparece!

Olá Alexandre Junior!

Desculpe-me havia um erro no CSS, eu refiz o código e testei em meu fórum com versão de Invision
(lembrando que para aparecer a caixa de login tem que estar deslogado do fórum ):

< Código >

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 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 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="topp"> <!-- 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> <!-- / topp --> <div class="clearfix"></div> </div> </div>

< /Código >

Espero ter lhe ajudado!

Até logo Alexandre Junior!
Byte

Obrigado Byte, ajudou!