It seems that colorbox is a very formidable solution for the various *boxes designed for D7. It is light weight and easy to configure for images. I have already customized it for the images. It says that it also has support for the login/registration and showing up various links in the overlay. Many people have also been able to do so. And there is instruction there in the page for doing so. But the instruction is vague. I don't seem to understand where should i place the codes mentioned there. Here is an example:
"Load a selection of forms in a Colorbox:
----------------------------------------
Check the "Enable Colorbox load" option in Colorbox settings.
The following form_id can be used:
* contact_site_form
* user_login
* user_login_block
* user_register
* user_pass
The links to open a form needs the class "colorbox-load". The URL should look like this.
"/colorbox/form/[form_id]?destination=[path_to_send_user_to_after_submit]&width=[with_in_pixel]&height=[height_in_pixel]".
Here is an example where the user register form is opened in an
500 by 250 pixel Colorbox.
<a class="colorbox-load" href="/colorbox/form/user_register_form?destination=user&width=500&height=250">Create new account</a>"
So can I have a step by step instruction on how to accomplish this???
Please I am kind of stuck in this??