[RFC] Quick Login box Placeholder in Navbar for Guests

[Alien_Time]

I already use this on my site and I find this to be very useful. I actually got this idea from Kamahl's SN site and I adapted it on my website too. Basically, I have noticed that for guests, there is so much empty space in the Navbar. We can use this space and add a quick login box here so users can quickly login instead of scrolling down or clicking on the login page, logging in and coming back to index. Its a long 3 step process. This is what I suggest:

login-placeholder-in-navbar.jpg (58.7 KiB) Viewed 2166 times

Basically, I have added the quick login box with username, password, remember me and login button. Since 3.1 comes with jquery, it will be nice to add the placeholder for this input box. Its pretty easy to implement this and I am pretty sure kamahl wont mind sharing his placeholder script if required. Can this be added to prosilver core? I think this will also give a nice modernised look to prosilver too as well as easy accessibility to users. The only thing that needs to be figured out is how it will work in responsive. Hoping Arty has a solution for responsive layout.

Can this be added?

[Master_Cylinder]

I like the link on the left, as it is now, better.

YMMV...

[Kamahl19]

This is something I really miss in phpbb. I moved Login box to top on http://phpbb3hacks.com/index.php and also on mentioned http://phpbbsocialnetwork.com/index.php . I like it more on second page, in navbar as Alien_time suggested. There is just so much empty space and I always have to scoll down to log in. Logging in is the most used action on board by guests. Why is it so down?

[Alien_Time]

I like the link on the left, as it is now, better.

YMMV...

But there are no links now. Its an empty space for guests below the breadcrumbs.

[Master_Cylinder]

Sorry, I mean the login link on the *right,* the login boxes (on the left) look too cluttered to me...

[Pico88]

If login box it's moved to the navbar, login link (button on the right) can be removed. It doesn't make sense to have two same action in header.

[NORDLANDVOLK]

Code: Select all

<input type="text" placeholder="Type here..."/>

and for ie crap use Modernizr library and the job is done.

See some demo here: http://webdesignerwall.com/tutorials/cr ... older-text

and if you need js for placeholder here: http://jamesallardice.github.io/Placeholders.js/

up to you what you want to use.

[Danielx64]

I do like the idea, something else, maybe make the login link something like what Arty done? Example: https://www.phpbb.com/customise/db/styl ... lack/demo/ and put your mouse over the "login | register" link

[Weskey]

+1

I liked the idea.

For those who prefer links, could have the link "Login" more prominent, and if the user clicked, display a tooltip with a quick simple login form, making the login process is faster and easier.

[keith10456]

The Login/Register definitely needs to be more prominent - hence the reason I moved it to the top of my site. Though it needs to be more noticeable I prefer having a "link" and not a login box (when clicked takes you to the login box)...