How would I install this on vbulletin? (modalbox)

[se_p800]

I found something called modalbox. Its basically a friendly javascript popup.

Here is the link to it:
http://www.wildbit.com/labs/modalbox/

These are the instruction given:
Installation

1. Download ModalBox and unpack to your /includes directory (you also need the prototype + script.aculo.us files there, which are included in the ModalBox package.)

2. Include the following JavaScript files in your pages:

<script type="text/javascript" src="includes/prototype.js"></script>
<script type="text/javascript" src="includes/scriptaculous.js? ?
load=effects"></script>
<script type="text/javascript" src="includes/modalbox.js"></script>

3. Include the CSS file modalbox.css in your pages:

<link rel="stylesheet" href="includes/modalbox.css" type="text/css"
media="screen" />

So could anybody please help me install this on my vbulletin? Thanks

[Opserty]

Add the Javascript & CSS code to your headinclude template.

[Lynne]

It looks like you can add those lines in your headinclude template.

edit: argh! Those young whipper-snappers are quick!

[se_p800]

Thankyou both you guys I will try it now

OK, so I added those two bits of code to the top of headinclude template, and when I add some modalbox code it doesnt work properly. I think this might be because I uploaded the files wrong. It says unpack them to the includes directory. When I extracted the download, I got a __MACOSX and a modalbox1.6.0 folder. Would I put both of these in the includes directory? If I installed it as it said, then there would be no "includes/prototype.js" for example. I hope im not sinfusing you :S

If its not too much trouble do you think someone could download the package to get a better understanding? Thankyou!

--------------- Added 1208465638 at 1208465638 ---------------

Ok I just cannot get this to work. I ave installed the files correctly and made sure the code I add is correct. If anybody gets this working please let me know what you did!

[Lynne]

I just quickly downloaded the package and only got a modalbox1.6.0.zip file. I would put the files in the includes folder and also put the files in the lib folder into the includes folder. I have no idea what you should do with the stuff in the tests folder.

[se_p800]

I greatly appreciate the fact that you downloaded the file to help me out. I will have a go and see what happens.

EDIT: Ok I did that and this is what I have pasted at the top of my headinclude:

<script type="text/javascript" src="includes/prototype.js"></script>
<script type="text/javascript" src="includes/scriptaculous.js? ?
load=effects"></script>
<script type="text/javascript" src="includes/modalbox.js"></script>

<link rel="stylesheet" href="includes/modalbox.css" type="text/css"
media="screen" />

And then I have this to test it:

<a href="frame_send-link.html" title="Simple form" onclick="
Modalbox.show(this.href, {title: this.title, width: 600}); return false;
"> Send link to a friend</a>

And its not working :(

I officially give up. Thanks for all the help guys

--------------- Added 1208533250 at 1208533250 ---------------

Ok I got it working :D Sort of.

http://customizepsp.co.uk/forums/index.php?styleid=1

Thing is, it comes up every time you visit a page. Ok, showing it to guests only I can sort out,. but is there a way that I can get it to show only once per visit? Thanks