user name, password & Login looks like a pop-up box

[reuncong]

dear admin,

I'am newbie in site-builder but i keep trying many times for each dynamic-drive script until it nearly to what i want it to be. Like it shows in my free-domain site http://reuncong.dum.su/
now, i really get a problem with "user name, password & Login script".
what i want to add to my page is "user name, password & Login" looks like a pop-up box (size: 570x450) to cover or hide some information beneath (partly of entire page).
user name & password should be different for each visitor, it could be hundreds perhaps. and visitors need not to register or fill guest-book because i will make it for them, and inform them by any social medias or live-chat facility that has been already located in left-bottom of page.
so when visitor fill both user name and password correctly, this pop-up box will disappear and visitor can have all information of entire page without redirecting to another page.
fyi, i just understand a little about html, css & js file but in above purpose i'm strangled with php & MySQL that i really don't have it in my mind.
will admin help me for the script and also how to create the list of username & password database..? where will i keep that list ...?

with all my regret for asking help the whole scripts
many thank's
cc: reuncong [dot] alam [at] gmail [dot] com

[Beverleyh]

what i want to add to my page is "user name, password & Login" looks like a pop-up box (size: 570x450) to cover or hide some information beneath (partly of entire page).

I personally wouldn't use this approach. For anyone who knows about F12, they'll be able to inspect the popup element and hide it by typing display: none; in the developer toolbar.

A login the redirects to another page would be more secure.

[reuncong]

Sorry for giving wrong name to this ....
what i mean is not a real pop-up window but it is like usual login form. i prefer to redirect to it's own page than another because there is a time when one or more visitors are temporary removed from database. by redirecting to another page, visitor still possible to go through the page if they keep the copy-paste of the URL / links or put it in bookmarks bar.
is it so...? if it is not like this, we'd better to redirect to another page.
simply, our site means to promote important thing or information. if we protect all over the page, the promotion doesn't go well. so let's try to hide a small part of our page that only visible to certain visitors.
many thanks to inform me earlier

[reuncong]

here is my concept even don't know yet where's to start with it,
i wanna put a table to my site that will contain updates information, updated three times a day. the latest updates is at the top of table, the longer updates goes down. it's seem like twitter, facebook status. i want to hide the latest updates information which is at the top of the table with the login form that consist : username, password & login. Supposely this login form as an overlay image, etc. that will hide the information at the top and let the information in the bottom visible to any visitors as the best promotion way to our site. so unregistered visitor yet, are anxious to get inside. when privileged visitor fill username & password correctly, the login form will disappear and allow them to see all information.
dear admin and colleagues help me