...

View Full Version : Login form (BROKE!!!!) - WP



Canman07
05-26-2012, 08:39 PM
I'm rather new to developing so bare with me. I have implemented a login form on my homepage of my site, however, when I go to login - it doesn't actually allow me to login. The end of my url after i select "LOGIN" says the following: "?username=admin&password=admin&submit=+"

Here is the HTML:

<div id="navbar">
<?php wp_nav_menu( array( 'menu' => 'Primary Menu', 'container' => false,'menu_id' => 'main-nav','depth'=>'2')); ?>
<div id="login" >
<?php if (!(current_user_can('level_0'))){ ?>
<form>
<input type="text" name="username" id="username" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
<input type="password" name="password" id="password" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
<input type="submit" name="submit" value=" " class="loginbutton" />
</form>
<a class="helpbutton" href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword"></a>
<?php } else { ?>
<ul class="admin_box">
<li><a href="<?php echo get_option('home'); ?>/wp-admin/">Dashboard</a></li>
<li><a href="<?php echo get_option('home'); ?>/wp-admin/post-new.php">Write new Post</a></li>
<li><a href="<?php echo get_option('home'); ?>/wp-login.php?action=logout&redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Log out</a></li>
</ul>
<?php }?>
</div>
</div>

Here is the CSS:

/* Login
-----------------------------------------------------------------------------*/
#login {
background-image:url(images/bluenavbg.png);
height:39px;
width: 370px;
float:right;
margin-right: 0px;
margin-top: 0px;
}

form {
float: left;
margin-top: 10px;
margin-left: 20px;
}

input {
background:url(images/formbg.png);
width: 117px;
height: 20px;
margin-left: 5px;
border:none;
margin-left: 3px;
}

.loginbutton {
height: 20px;
width: 40px;
margin-left: 5px;
background:url(images/loginbutton.png);
}
.helpbutton {
height: 20px;
width: 38px;
margin-right: 10px;
background:url(images/helpbutton.png);
margin-top: 10px;
float: right;
}

#login ul {
float: left;
color: white;
padding-left: 55px;
}

#login li a {
float: left;
color: white;
text-align: center;
}

_Aerospace_Eng_
05-26-2012, 09:54 PM
Where you is your form action? How are you processing the form inputs?

Canman07
05-26-2012, 10:08 PM
Is this what you are talking about?


<form>
<input type="text" name="username" id="username" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
<input type="password" name="password" id="password" style="padding-left: 2px;" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" />
<input type="submit" name="submit" value=" " class="loginbutton" />
</form>

Canman07
05-26-2012, 11:20 PM
I fixed it, thanks for the help!

_Aerospace_Eng_
05-27-2012, 12:36 AM
What did you end up doing?

Canman07
05-27-2012, 01:20 AM
http://stackoverflow.com/questions/10769140/homepage-login-form-wordpress/10769770#comment14003265_10769770

However, I have bridged Wordpress with vBulletin and since i've done that, it wont display what is supposed to be displayed after you log in. Is there anyone that can help with this - skype or something?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum