Have you ever wondered on how to create a new page for Invisionfree to maybe create a Shop code, or WHATEVER? Well if you follow this tutorial you will learn how to make one yourself.
You first start with this little part here, placing this in your Board Wrappers> Footer:
<script>
if (location.href.match("act=meh")){
document.title="YOUR_PAGE_NAME_TITLE";
document.getElementById("extrapage").innerHTML="CONTENT";
}
</script>
Ok now the simple breakdown of that part:
if (location.href.match("
act=meh")){
That line determines (in RED) where your new page will be located by URL.
Now this line here is basic:
document.title="YOUR_PAGE_NAME_TITLE";
Thats simply placing the title of that page at the top left of your browser, you can name this whatever you want.
The last line comes the part where your content will show:
document.getElementById("
extrapage").innerHTML="CONTENT";
The area in RED will be further explained. For now the "CONTENT" is where everything will show. You see how there are double quotes around the word CONTENT, anything between those double quotes should NOT have another double quote. Unless you are trying to display something with a variable which I will explain in another tutorial. Also you cannot press your "Enter" key on your keyboard to create new lines inside there, instead just simply place line breaks (<br />) Now for example if you wanted to place a table in that section:
document.getElementById("extrapage").innerHTML="<table width='100%'><tr><td>CONTENT</td></tr></table>";
You see how the single quotes surround the 100% and if those were double quotes your code would not work. So remember that in your future coding, besides the fact that you can also have double quotes in double quotes but thats in another tutorial.
Ok now back to this part and the final part of the add-on:
document.getElementById("
extrapage").innerHTML="CONTENT";
The part in RED you will need to keep in mind, so now you need to go to your Board Wrappers> Header & Body and find the <% BOARD %> tag. Once you have FOUND the board tag simply place some <div> tags with an id around it so you can create your new page:
<div id="extrapage">
<% BOARD %>
</div>
Now, remember the part where I said you need to keep the above RED
extrapage in mind? Well this is where it comes to work. With that div id="" just simply place that word extrapage in the ID area and you are finished!
If you found this tutorial helpful then please comment that you now know how to do this or you already knew how to do it but the long way.
If this didn't work for you please tell me that it didn't work for you and post your board url here and I will help you out.
