Mini Mods - Login Popup - Adds a DHTML popup login form w/ forgotten password & register links

I'm releaseing another mod I made for my boards, if it's useful to anyone else, that's great!

This adds a DHTML popup menu with the login form, a link to the register form and a link to recover a password. This product degrades gracefully: if DHTML popups are not available, or you disable the product, it reverts to the default vB login form in the navbar.



There are admin options to enable/disable the product, and to auto display the popup or not (auto display will only work in vB 3.6.8 +).

The product adds a phrase, two temlpates and the admin options.

Installation
- Import the XML file in the Product Manager.
- One template edit is necessary to hide the default vB login form, instructions are included in the download.

History:
v. 1.0.0 initial release.

[Analogpoint]

Originally Posted by Bacon Butty

Thanks very much for trying to help but I dont seem to be having much luck.

snip

Put the div before the image:

<div id="alt_login_link" style="border:1px solid red;float:right;width:300px;height:90px;">
&nbsp;
</div>
<img src="http://www.grandoldteam.com/images/topbar.png" border="0">

As for the login popup showing up under the navbar link, that's where it will be. Clicking the div just does the same as clicking the log in link in the navbar. Give it a try and see what you think.

[Bacon Butty]

Still no luck Analog,

http://img101.imageshack.us/img101/2118/topsx7.jpg

Hmm, all I want is for a login image (probably imagemapped) to either link to an actual login page or more ideally prompt a login box.

Thanks for helping, much appreciated.

[Analogpoint]

Originally Posted by Bacon Butty

Still no luck Analog,

http://img101.imageshack.us/img101/2118/topsx7.jpg

Hmm, all I want is for a login image (probably imagemapped) to either link to an actual login page or more ideally prompt a login box.

Thanks for helping, much appreciated.

I haven't worked with imagemaps before, so can't give you any advice about them. What I would do for this is slice your image in 2 pieces. #1 the left 3/4 of the current image, with the register link in the middle, #2 the right 1/4 of the image with the word login. Then put them in a table:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td>
      <img src="left-side.png" border="0" />
    </td>
  </tr>
  <tr>
    <td>
      <img src="right-side.png" border="0" id="alt_login_link" />
    </td>
  </tr>
</table>

Have the id="alt_login_link" on the right hand image, so clicking it will activate the login box.

I would also wrap the whole shebang in a conditional:

<if condition="$show[guest]">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td>
        <img src="left-side.png" border="0" />
      </td>
    </tr>
    <tr>
      <td>
        <img src="right-side.png" border="0" id="alt_login_link" />
      </td>
    </tr>
  </table>
<else />
 // show a different image to logged in members
</if>

So it only gets show to people who aren't logged in. You could make another image to show to logged-in users (maybe with links to their profile or something.)

[yoyoyoyo]

I had problems with this hack in vbadvanced when trying to login from the portal index page, but I fixed it by adding my forum url to the 2 instances of login.php in the product. So, if anyone is having the same problems there is a quick fix.

[Bacon Butty]

Works a treat!, thanks a lot for your help.

Fantastic mod. *clicks to nominate for mod of the month*

[Analogpoint]

Originally Posted by Bacon Butty

Works a treat!, thanks a lot for your help.

Fantastic mod. *clicks to nominate for mod of the month*

I just visited your forum and there's one last thing I would do. Add the following to the right hand image, so that the mouse pointer will change to a hand over the image.

style="cursor:pointer;"

Like this:

<img src="right-side.png" border="0" id="alt_login_link" style="cursor:pointer;" />

[Bacon Butty]

Thanks again Analog. Support you have provided is fantastic.

Feel free to use my site as an example of whats possible with the mod.

[zero_ZX]

cant get this to work now it doesnt even show the login box or the popup login

[dartho]

This looks good!

You should probably say "install it, test it and you will find out" (which I will likely do before you reply anyway) but what screen appears when it 'degrades' ?

[jGas]

many thanks..i'm testing it right now and it works great!