login pagina HTML

Scris de michy97 Mar Iul 05, 2016 6:29 pm

salut,

are cineva un cod simplu pentru o pagina HTML de login? vreau ca membri sa faca login din o pagina HTML

Scris de Fantasy Mier Iul 06, 2016 6:24 am

Salut ! Incearca codul de mai jos.

Cod:: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <title>Panou De logare</title> <form method="post" name="form_login" id="qstring" action="/login"> <div class="" id="login"> <div class="header" style="text-align: center">Nu sunteti conectat,va rugam introduceti numele si parola</div><div id="login_controls"> <label for="username">Username</label> <input class="textinput" value="" name="username" tabindex="1" id="username" size="20" type="text" /> <label for="password">Password</label> <input class="textinput" value="" name="password" tabindex="2" id="password" size="20" type="password" /> </div> <div id="login_submit"><input value="/login" name="redirect" type="hidden" /><input value="part=admin" name="query" type="hidden" /><input value="1" name="admin" type="hidden" /><input class="button" value="Log In" tabindex="6" name="login" type="submit" /> </div> </div> </form> <a href="http://www.forumgratuit.ro" target="_blank" style="display: none">forumgratuit.ro</a> <script> $(function() { $('input[type="text"]').first().focus(); }); </script> <style> html { height: 100%; } body { background: white; font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; position: relative; color: #4C4C4C; height: 100%; } body.login_screen { background: #386E9A; background: -moz-linear-gradient(top, #4A85B5 0%, #205889 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4A85B5), color-stop(100%,#205889)); height: auto !important; } input, select, textarea { font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif; } #login { width: 450px; height: 220px; background: white; margin: 10% auto 0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3); position: relative; padding: 10px; top: 150px; } #login_logo { position: absolute; top: -45px; left: 0; } #login_controls { margin: 0 auto; position: absolute; width: 100%; bottom: 100px; font-size: 16px; } #login_controls label { display: block; width: 33%; color: #667078; float: left; clear: both; margin-bottom: 12px; text-align: right; padding-right: 15px; } label { cursor: default; } #login_controls { font-size: 16px; } #login_controls input { margin-bottom: 12px; font-size: 14px; width: 45%; } .textinput, .multitext, .input_text, .ipsTagBox_wrapper { padding: 4px; border: 1px solid #bbb; border-left: 1px solid white; background: white; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; width: 350px; background: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png') repeat-x scroll 0px 0px #FFF; } #login_submit { background: #E7EDF2; border-top: 1px solid #D0DCE6; padding: 20px 10px; text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .button, .realbutton { padding: 5px 19px; border: 0; background: #363636; color: white !important; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } #login{ background: url('http://i55.servimg.com/u/f55/14/12/03/12/bg11.png') repeat-x scroll 0px 0px #FFF; border: 1px solid #BBB; border-radius: 5px; box-shadow: 0px 6px 6px -6px #333; color: #000; margin-top: 15px; padding: 3px 3px 5px; white-space: normal; } .header{ border-bottom: 1px solid #00569c; padding-top: 5px; padding-bottom: 5px; font-size:14px; font-family: tahoma; } label{ background-image: url(http://i59.servimg.com/u/f59/14/12/03/12/erdeho10.png); background-repeat: repeat-x; border: 1px solid #759c16; width: 75px!important; border-radius: 5px 0px 0px 5px; box-shadow: 0 0 1px #fff inset; color: #fff!important; text-align: center; padding: 3px; font-size: 14px; font-family: tahoma; padding-bottom: 4px; text-shadow: 0 0 2px #000; text-align: center; margin-left: 80px; } </style>

Scris de michy97 Mier Iul 06, 2016 5:02 pm

@Rekool multumesc mult, vad ca daca gresesc datele, ma trimite in forum si imi zice ca parola este grestita... nu se poate sa apara direct mesajul in acel form de login si nu ma trimita in forum?