Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Tela de Login

em 29.12.15 12:43
Informações:
Autor
: Daemon
Funcionalidade: PunBB




Acesse:
Painel de Controle Modulos Html e Javascript Gestão dos codigos Javascript
E Crie um novo Javascript com investimento em todas as paginas com esse codigo:
Código:
;jQuery(function(){if(_userdata.session_logged_in<1){jQuery('head').append('<style type="text/css">'+'#user_nav_login {'+'height: 160px;'+'left: 0px;'+'bottom: -160px;'+'background: url(http://i.imgur.com/ylwhiOI.png) repeat-x;'+'position: fixed;'+'width: 100%;'+'z-index: 10003;'+'display: block;'+'}'+'#user_nav_login div {'+'width: 400px;'+'margin: 0px auto;'+'}'+'#user_nav_login div.captions {'+'color: #FFF;'+'padding: 30px 0 0 30px;'+'}'+'#user_nav_login .input_text {'+'background: #fff url(http://i.imgur.com/Bea3qZJ.png) repeat-x;'+'font-size: 1em;'+'font-family: arial,verdana,tahoma,sans-serif;'+'border: 1px solid #b5b5b5;'+'-moz-border-radius: 3px;'+'-webkit-border-radius: 3px;'+'padding: 3px;'+'}'+'#user_nav_login p {'+'padding: 8px 0 0 20px;'+'}'+'#user_nav_login .input_submit {'+'background: url(http://forum.muaway.net/public/style_images/MuAwaY/input_button.png);'+'background-color: #f2f2f2;'+'border: 0px;'+'-moz-border-radius: 4px;'+'-webkit-border-radius: 4px;'+'-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5);'+'-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);'+'text-shadow: 0px 1px 0px rgba(255,255,255,0.4);'+'color: #262626;'+'margin-top: 1px;'+'margin-bottom: -15px;'+'margin-left: 77px;'+'font-weight: normal;'+'font-size: 10px;'+'padding: 2px 7px;'+'cursor: pointer;'+'}'+'#login_close {'+'float: right;'+'width: 50px;'+'height: 10px;'+'background: url(http://i.imgur.com/989DVCx.png);'+'margin: 10px;'+'opacity: 0.5;'+'}'+'#login_close:hover {'+'opacity: 1;'+'}'+'</style>');jQuery('body').append('<div id="user_nav_login">'+'   <a href="#" id="login_close" onclick="closeElementLogin()"></a>'+'   <div>'+'      <div class="captions">'+'         <form action="/login" method="post" name="form_login" id="login">'+'              Usuário: <input size="30" name="username" class="input_text" type="text" id="username" />'+'                              <br />'+'                              <br />'+'                              Senha: <input style="margin-left: 8px" size="30" name="password" class="input_text" type="password" id="password" />'+'                              <br />'+'              <p style="margin-left: 0; padding-left: 0">'+'                 <input class="input_check" value="1" name="autologin" checked="checked" id="remember" type="checkbox" />'+'                              Lembrar dados?<input value="Enviar" class="input_submit" name="login" type="submit" />'+'              </p>'+'         </form>'+'      </div>'+'   </div>'+'</div>');jQuery('a[href*="login"]').click(function(){openElementLogin();return false})}});function openElementLogin(){jQuery('#user_nav_login').animate({'bottom':'0px'},400)}function closeElementLogin(){jQuery('#user_nav_login').animate({'bottom':'-160px'},400);return false}

Resultado: Pode ser notado aqui no fórum do BestStyle.
avatar
Administrador
Mensagens : 441
Pontos : 9681
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Tela de Login

em 29.12.15 12:43
Tutorial Aceito
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum