Site Stuff you want to know

Using SSI for Includes

Introduction
SSI stands for Server Side Includes. Basically its a REALLY helpful tool that can make designing and editing your webpages SO much easier. First, I'll explain the SSI version, then the PHP version. Since SSI will work virtually everywhere.

Step 1 : ALWAYS remember to name your file .shtml it must be named this, or the SSI code will not be parsed.

Step 2 : Adding the SSI code for inclusion.

<!--#include virtual="path/to/header.inc" -->
<!--#include virtual="path/to/footer.inc" -->


Notice that .inc is not a normally recognized file extention. That doesn't matter though. w/ SSI you can include anything you wish, no matter the file extension. it could be my.head or my.foot .

Step 3 : Put it on every page !

say you have the SAME header for every single page in your website. and you have 20 pages that make up your site. If you want to add another link to your navigation, that means editing 20 pages. and who wants to do that??! so the basic structure of an .shtml page can resemble this :


<!--#include virtual="my.header" -->

( this is where you put your tables that house your graphics, or your news or your links... whatever you want... )

<!--#include virtual="my.footer" -->


anything can go into the my.header... I would put my <html> to my <body> tag in there ( inluding all CSS and javascripts and meta tags ) and then my navigation links/images if it is the top part of my website.

my.footer would house copyright information, something you want to display on EVERY page. and then of course the ending </body> , </html>




Includes using PHP

Introduction
Some servers do not support the usage of PHP, but for those that do, may find it a bit more pleasing to use. PHP is a full blown web programming language, and you're not limited by any means. so if you feel the need to add some dynamic functions to your site ( like random image generator, random link generator, the list goes on. so much you can do ) you can delve into PHP and learn more.

The Code :

<?php include ("file.php"); ?>
OR
<? include ("file.php"); ?> ( short tag form, sometimes not supported )


The Catch :
you must name your files with the .php extension ! This is the only way the server will know to parse your commands and include the file.

Pretty much everything about SSI applies to PHP includes. Its the same process, just a different route.

If may be a hard concept to grasp at first, but once you get a grip on how to do it you will never go regular .html pages again. I can guarantee that !

now, onto the stuff that makes your site pretty

Transparent Scrollbars (CSS ~ IE Only)


<html>
<head>
<style>
body { scrollbar-face-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color : #FFFFFF;
scrollbar-track-color : #FF0000;
scrollbar-darkshadow-color : #000000;
scrollbar-base-color : #000000;
}

.transbox {
width: 300px;
height: 300px;
overflow: auto;
filter: chroma(color=#FF0000);
}
</style>
</head>
<body>
<div class="transbox" allowtransparency="true">
( content goes here )
</div>
</body>
</html>




Quick Links to Tutorials

Javascript Tutorials : [ link ]

PHP Tutorials : [ link ]

Photoshop Tutorials : [ link ] - massive list of tutorials