Getting 'page not found' errors when creating a custom page

Hope this can help you for 404 Error
http://highrockmedia.com/blog/customizing-user-login-page-drupal-7

Kamlesh Patidar

Please show us your page--login.tpl.php file.

templates are for theming/laying out pages, not creating/defining them.

You do not need to use a custom template. Within admin/config/people/accounts/fields you can configure the registration/login form to your hearts content. Then to assign a specific URL for the login (meaning something outside the "standard" website.com/user), try the module Rename admin paths.

The problem is as you originally speculated, that an underlying page doesn't exist (though you were speaking of a node, but a node isn't really necessary).

I think you can add the following code to your template.php in your theme and everything should work:

/**
 * Implementation of hook_menu()
 *
 * In this function we will create the system path: /login
 */
function THEME_NAME_menu()
{
  // We set the path
  $menu['login'] = array
  (
    'title' => 'Please login to continue | Quanta Device',
    'page callaback' => 'login_register_page',
    'access callback' => 'user_is_anonymous',
  );

  return $menu;
}

// The page callback we registered above
function login_register_page()
{
  // We don't need to return anything, since everything is created in the page--login.tpl.php file
  // But we do need to return something, so that the system picks up the path /login as a page.
  return '';
}

Now, that said, even if the above does work, it's not the best way to be doing things. Template files should contain only contain very simple PHP logic: if/else conditionals, switches, and loops. More complex logic should be done in the original page callback, or preprocess functions. If I were building your page, I would do it like this:

function THEME_NAME_menu()
{
  // We set the path
  $menu['login'] = array
  (
    'title' => 'Please login to continue | Quanta Device',
    'page callaback' => 'THEME_NAME_login_register_page',
    // We only want to show the page if the user is not signed in
    'access callback' => 'user_is_anonymous',
  );

  return $menu;
}

// The page callback we registered above
function THEME_NAME_login_register_page()
{
  // Create a render array containing the page information:
  $page = array
  (
    'login_form' => drupal_get_form('user_login'),
    'registration_form' => drupal_get_form('user_register_form'),
    '#attached' => array
    (
      'js' => array
      (
        array
        (
          'type' => 'file',
          'data' => drupal_get_path('theme', THEME_NAME) . '/js/THEME_NAME.js',
        ),
      ),
      'css' => array
      (
        array
        (
          'type' => 'external',
          'data' => 'http://fast.fonts.net/cssapi/44775bb4-54da-466c-be2a-0ed838409516.css',
        ),
      ),
    ),
  );

  return $page;
}

The above creates our two forms, and attaches a JS file, as well as your external CSS sheet from fonts.net. Note that THEME_NAME needs to be replaced with the name of your theme.

Next, THEME_NAME.js, which will contain the Drupal version of $(document).ready() that you used in the original code:

(function($, Drupal)
{
  Drupal.behaviors.THEMENAME = {
    attach:function()
    {
      // Your onload code goes in here
      $('body').addClass('login-body');
    }
  };
}(jQuery, Drupal));

See Managing JavaScript in Drupal 7: Using jQuery for more information on what is happening in the above code.

Finally, this will have set up the page content, so page--login.tpl.php will look like this:

<div class="container-fluid login-container">
  <header class="login">
    <?php print '<img src="'. $base_path . path_to_theme() . '/images/logo.png' .'" alt="Quanta Device" width="" height="" />'?>
  </header>

  <div class="login-page">
    <?php print $messages; ?>
    <?php if (!empty($tabs)): ?>
      <?php print render($tabs); ?>
    <?php endif; ?>

    <?php if (!empty($page['help'])): ?>
      <div class="well"><?php print render($page['help']); ?></div>
    <?php endif; ?>

    <?php if (!empty($action_links)): ?>
      <ul class="action-links"><?php print render($action_links); ?></ul>
    <?php endif; ?>

    <div class="login-intro">
      <h2>Please log in to enter website</h2>
    </div>

    <?php
      // $page['content'] will contain the forms that were
      // created in the page callback.
      print render($page['content']);
    ?>
  </div>
</div>