Question

Here is the site http://www.2playermode.com/

You notice the login button. it has the nice black background done by css. How can i replicate that. I have php statements with them or some are just play links..

I have a register , lost password , and logout and admin that i need done same way. This is wordpress platform if that helps any.

Here are the code for some of them Once you login you will see them but here is code that should help.

here is some of the code

<a href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword">Lost your password?</a>

here is more complicated

<a href="<?php echo wp_logout_url('index.php'); ?>">Log out</a>    |                <?php if (current_user_can('manage_options')) {                     echo '<a href="' . admin_url() . '">' . __('Admin') . '</a>'; } else {                  echo '<a href="' . admin_url() . 'profile.php">' . __('Profile') . '</a>'; } ?>     

I have been trying different options to get the same result but come up failing. As you see the admin url and profile url i need to have same images but that is only shown once logged in.

Answer 1

Just read the CSS on the page (copied and pasted):

input[type="submit"] {
   cursor: pointer;
}
input, textarea, select, fieldset {
   color: #D1D1D1;
   border: 2px solid #202020;
   background: #111;
}
input, textarea {
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   font-family: Arial;
   font-size: 9pt;
   padding: 5px;
}
* {
   outline: none;
}

So just add the a-tag to the CSS