[MOD] Digg like AJAX login on top of the page!!

[dollars5]

People are so wanting for this, here it comes:

Add the following code below the line 1 with {config_load file="/libs/lang.conf"} in file /templates/yget/header.tpl

<div id="login_form" style="display:none;">
 <form action="{$my_base_url}{$my_pligg_base}/login.php" method="post" id="login_form">
 Username:
  <input type="text" name="username" size="25" tabindex="1" id="uname" value="" />
  Password:
 <input type="password" name="password" id="upassword" size="25" tabindex="2"/>
 Remember: <input type="checkbox" name="persistent" id="uremember" tabindex="3"/>
  <input type="submit" value="Login" class="log2" tabindex="4" />
  <input type="hidden" name="processlogin" value="1" />
 </form>
</div>

<div id="headbar" style="padding-bottom:2px;">
		{if $user_authenticated eq true}
			{*{#PLIGG_Visual_Welcome_Back#}<img src="{$Current_User_Avatar_ImgSrc}" alt="Avatar" align="absmiddle"/>*} <a href="{$URL_userNoVar}">{$user_logged_in}</a> |
			{if $isadmin eq 1} <a href="{$URL_admin}"> {#PLIGG_Visual_Header_AdminPanel#}</a> | {/if}		
			<a href="{$URL_logout}"> {#PLIGG_Visual_Logout#}</a>
		{else}
			<a href="javascript:Effect.toggle('login_form','appear');">{#PLIGG_Visual_Login_Title#}</a> |
			<a href='{$URL_register}'>{#PLIGG_Visual_Register#}</a> &nbsp;&nbsp;
		{/if}
</div>

So it will present login | register links to un-registered users, once logged in - the text will change to welcome user | logout

use proper CSS to align it as needed for your setup.

This can be seen live at http://memeorlame.com site

Illustrations are presented below:
unregistered user:


user clicks the login link to get the ajax drop-down:


after logged in:


If you need more advanced and customized version of the script, feel free to contact us.

[noyp]

Thanks dollar

awesome

noyP

[romeovn]

Thank you very much

[PurpleCow]

Thanks dollar5. I got it working and customised on my site.

I got to load below instead on the top. It works perfectly fine in FF. However in IE 6 when the login form loads, it kind of hides the breadcrumb and sort options. when toggled to hide the login form the breadcrumb and sort option shows up.

Cheers

[dollars5]

Not sure - but it works fine on all browsers as far as I tested (might be some CSS issues)

[elquiosco]

Originally Posted by dollars5

Not sure - but it works fine on all browsers as far as I tested (might be some CSS issues)

Thanks Dollar5 for this useful code, I implemented it successfully on my pligg site:

http://elquiosco.net

[dollars5]

Glad to many using it. We have a commerical version of it with more customizations too.

[Techkr]

Great work!!

[jrothra]

I'm using Pligg Beta 9.7. I put this code in and noticed that it works in IE7 and not Firefox 2.0.0.4.

FaithTag / Published News

Found the problem... had the logo div set to float left... changed float:left; to text-align:left;

[bigs]

thanks very good