[Tutorial] Tela de Login
Página 1 de 1 • Compartilhe
Informações:
Autor: Daemon
Funcionalidade: PunBB
Acesse:
E Crie um novo Javascript com investimento em todas as paginas com esse codigo:Painel de Controle ☛ Modulos ☛ Html e Javascript ☛ Gestão dos codigos Javascript
- 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}
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|