By marcashland on

I have been attempting (and failing) to make a flat login panel for my site. The closest thing I came to finding documentation on it was http://drupal.org/node/61932, where one of the developers of http://www.projectopus.com/ shares that he uses a DHTML js method for the look of his login section. I do not require anything that fancy, but the style of having the username and password forms alongside a submit button on a single line is what I need. If anyone can help me that would be amazing, and if someone felt cool enough to show me how to do it the javascript way like on the project opus site, that would be even better.

⋅ Categories: Drupal 4.7.x

Comments

marcashland’s picture

marcashland commented

I poked around a bit more and found some code for a custom login function (http://drupal.org/node/68019). After I edited it a bit I have come up with this:

<?php  global $user; ?>
                  <?php if ($user->uid) : ?>
                  <b>Logged in as: <?php print l($user->name,'user/'.$user->uid); ?> | <?php print l("logout","logout"); ?>
                  <?php else : ?>
                  <a href="/community/user/register">Register</a> or <b>Login:</b>
                  <form action="user/login" method="post">
                    <div>
                    <div class="form-item">
                    <label for="edit-name"> <span class="login_text"> Username: </span> <span class="form-required" title="This field is required."> * </span>
                    <input type="text" maxlength="60" name="edit[name]" id="edit-name" size="10" value="" tabindex="1" class="form-text required" />
                    </label>
                    <label for="edit-pass"> <span class="login_text"> Password: </span> <span class="form-required" title="This field is required."> * </span>
                    <input type="password" maxlength="" name="edit[pass]" id="edit-pass" size="10" tabindex="2" class="form-text required" />
                    </label>
                    <input type="hidden" name="edit[form_id]" id="edit-form_id" value="user_login" />
                    <input type="submit" name="op" value="Log in" tabindex="3" class="form-submit" />
                  </form>
                  <?php endif; ?>

So I have edited the login layout somewhat but still cannot get the whole form to sit on one line. Is there a value I need to put in my style sheet to fix this? Please help.

Jeff Burnz’s picture

Jeff Burnz commented

to your last question - yes, you need to edit your css - I posted an example of this a few weeks ago right here in these forums - http://drupal.org/node/83283

or go here for tutorial - http://www.nicklewis.org/node/845

good luck!

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.