Tux4Kids logo
High Quality Educational Software Alternatives
Tux_Family


















Fusion Forge
This is not a tutorial on webdesign, if you want to actually learn, check out w3schools, they have some good info. This is just to help the developers know the syntax and basics to put content on the pages without messing up the rest of the page.

Note - Please DO NOT use a WYSIWYG program. Those add bloat to the code and they would not work well with what we've written into the site so far.

We are using PHP includes to generate some of the xhtml code, while the rest is normal xhtml code. Unless you are running a web server with php enabled, you will need to upload it to test it, since a browser cannot handle php on it's own. Also for the record, most of the formatting is done by CSS in the css directory.

You will need a text editor of some kind to open the files. I am partial to SciTE, which gives color highlighting for different languages, and has a windows version that can read unix/linux line breaks.

Open the php file you want to modify. Find these tags:
<div class="col2">

</div>


All the content that you want to add will go between those.

How to add text:
Copy and paste between the two tags. That will get it up there. If you want to format it you will need to add some tags around what you want formatted.
<br /> Line break
<b></b> Bold
<i></i> Italics
<u></u> Underline
<font style="font-size: 12px;"></font> Font size
There are many many others, but those should at least get you going.

Creating a link:
This - <a href="index.php">Click Here!</a> - becomes Click Here!

The href points to the file and anything between the tags becomes a link. Text will turn blue and underlined, and pictures will let you click on them. You can use a relative file path or an asolute file path here, relative is prefered. If you do not know what a relative file path is, please don't change anything on the website, just email me what you want up there.

Adding a picture (other than screenshots:)
Just copy this code and change the file name.
<img src="images/imagename.jpg" />

img obviously tells that it is an image, and the src is where the image is.

Adding a screenshot from Tux Type or TuxMath:
Coming Soon.