FuzzyMonkey.net - Best Quality Web Hosting, Linux Webhosting Provider, Free Software

Introduction

A quick google will probably return a list a mile long of people who offer scripts that do what you need done, but how many of those scripts hard-code in a simple, intuitive way for you to customize the look of that script to match your site? That's where we come in. FuzzyMonkey.net implements in all its scripts a simple way to plug each script into a common template, creating a fusion of the look you have created for your website with the functionality of our free scripts. This document exists to make it even easier for you to use that templating.

Explanation

You can think of all our scripts of simple modules that fit perfectly into your plan for your website. Basically, you create a normal HTML file that fits the rest of your webpages. You leave our scripts a placeholder to put the content that it generates. This way, you can even use the same template file any of our scripts and they will automatically match your site. You don't have to edit any of our code.

A common way to create a template is to take one of your existing webpages and remove the content and replace it with our special tag. Create an html page with the header, footer, or sidebar you want. You can specify background images too. Then, wherever you want the code from our script to be placed, put this tag:

Our scripts look for this tag and replace it with the html code that our scripts generate. The result is a great looking, balanced page in which our scripts fit into the theme of your site. The default template that comes with all of our scripts is usually just a blank page, with <html> and <body> tags. It is named "template.html." Here are some examples on how to create this html page to work with our scripts.

Examples

The example that comes with our scripts is usually just a blank html page named "template.html." Open it up, and you'll find the following html code. This code may vary from script to script.

<html>

</body>

</html>

You can turn this code into whatever you want! Here is another example:

<html>

<head>

<title>Katie's Website ..::.. Guestbook</title>

</head>

<center><font face=verdana color=blue size=5>Welcome to Katie's Place!</font><br>

<font face=verdana color=blue size=3>Please sign my guestbook so I know

you were here.</font>

</center>

</body>

</html>

Here is an example with a header and footer.

<html>

<head>

<title>Katie's Website ..::.. Guestbook</title>

</head>

<center><font face=verdana color=blue size=5>Welcome to Katie's Place!</font><br>

<font face=verdana color=blue size=3>Please sign my guestbook so I know

you were here.</font><br><br>

<br>

<font face=verdana color=blue size=2>..:: <a href=>Home</a> ::..:: <a href=>Pictures</a> ::..:: <a href=>Guestbook</a> ::..:: <a href=>Weblog</a> ::..:: <a href=>Links</a> ::..:: <a href=>Calender</a> ::..<br>

</center>

</body>

</html>

Here is a more complex example. Notice in this example we have created a table that surrounds the  tag. This can often make your site look contained and organized.

<html>

<head>

<title>fuzzymonkey.net</title>

</head>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

<small>Created by the scripting wizards at fuzzymonkey.net</small>

</td>

</tr>

</table>

</td></tr></table>

</body>

</html>

Our last example shows a sidebar. This is easily accomplished by creating a table in our template with two cells in one row. In the first cell, we put the html code for our sidebar. In the second cell, we put our  tag. That way, the output html of the script gets inserted into the second cell, and the script and the sidebar end up right next to each other. I have highlighted the two cell tags in green.

<html>

<head>

<title>fuzzymonkey.net</title>

</head>

<tr>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</table>

<tr>

<table bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" border="0">

<td background="http://www.yourserver.com/menubar.jpg" align="center"><font color=white>Webhosting Packages</font></td>

</tr>

<tr>

<center><small><font color="#f77714"><b>FuzzyMonkey <a href="http://www.yourserver.com/">scripts</a> installed free!</b></font></small></center><br>

</font>

</td></tr></table>

</td>

</tr>

</table>

</td>

</td>

</tr>

</table>

</td></tr></table>

<small><font class=text>Created by the scripting wizards at fuzzymonkey.net</small>

</td></tr></table>

</body></html>

Real Life Examples

Here are some real, live, working examples of external sites that use our scripts that have customized them to their own look.

Please note: these sites are real live sites. Please do not use them as a testing ground for comments, etc.

My Photo Gallery
Spiceland Family Photo Gallery
Scott Family Photo Gallery

My Blog
Spiceland Family Blog
Scott Family Blog

My Classifieds
Pasofinos.com Classifieds
FineThings4U.com Classifieds

As you can see, we really have made it easy to customize our scripts to fit your website. So now what? Head over to our scripts page and download some of our great scripts. Not only will they provide the dynamic content that your site needs, but they are so easily customizable that anyone can turn them into a great part of a great site! Email me with corrections, suggestions, etc.

FuzzyMonkey.net