Created Theme Switcher

Also rewrote the way layouts work. Now, each layout requires a "layout.tpl" file (which contains the header and footer for the layout) and a "style.php"
file (which contains and can include other files that contain the CSS for the layout). Each layout has it's own folder in theme/layouts and you can switch
between them using a combo box in the Hatbar.

Layouts 6.2 and 4.5 have been modified to work with new Layout 7 features such as AJAX, and they should be relatively free of bugs. Layout 3 has not yet
been transferred because since it is pre-The New Four Island, it will be very difficult to do so.

This changeset requires manual external code changes:

* The line below must be added above the functions.php include in The Fourm's funnctions.php
	require('/svr/www/hatkirby/fourisland/main/includes/session.php');
* The block of Four Island code in The Fourm's page_header() function should be replaced with:
	global $fi_pagetitle;
	$fi_pagetitle = $page_title;

	ob_start();
* The block of Four Island code in The Fourm's page_footer() function should be replaced with:
	global $fi_pagetitle;

	$content = ob_get_contents();
	ob_end_clean();

	$noRightbar = 1;
	$onFourm = 1;
	$pageCategory = 'fourm';

	if ($fi_pagetitle == 'Index page')
	{
		$title = 'The Fourm';
	} else if (strpos($fi_pagetitle, 'View topic') !== FALSE)
	{
		$title = str_replace('View topic - ', 'Topic: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'View forum') !== FALSE)
	{
		$title = str_replace('View forum - ', 'Fourm: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'Viewing profile') !== FALSE)
	{
		$title = str_replace('Viewing profile - ', 'Member: ', $fi_pagetitle) . ' - The Fourm';
	} else {
		$title = $fi_pagetitle . ' - The Fourm';
	}

	if ($_GET['view'] != 'print')
	{
		include('/svr/www/hatkirby/fourisland/main/includes/layout.php');
	} else {
		echo $content;
	}

Closes #117

1 files changed, 173 insertions, 0 deletions

@@ -0,0 +1,173 @@
+/* Four Island NavBar CSS */

+

+ul#bannernav {

+ list-style: none;

+ clear: both;

+ margin: 0px;

+}

+

+div#banner-nav {

+ height: 30px;

+ clear: both;

+ margin: 1px 30px 0 30px;

+ background: url("/theme/images/bg_navbar.gif") repeat-x 0 0;

+}

+

+ul#bannernav li {

+ float: left;

+ margin: 0;

+ padding: 0;

+ padding-right: 6px;

+}

+

+ul#bannernav li a {

+ text-decoration: none;

+ display: block;

+ width: 100;

+ height: 30;

+}

+

+ul#bannernav li a span {

+ visibility: hidden;

+}

+

+ul#bannernav li img {

+ display: none;

+}

+

+ul#bannernav li#bannernav-home a {

+ background-image: url("/theme/images/Home.gif");

+}

+

+body.home ul#bannernav li#bannernav-home a,

+ul#bannernav li#bannernav-home a:hover {

+ background-image: url("/theme/images/Home_ro.gif");

+}

+

+ul#bannernav li#bannernav-projects a {

+ background-image: url("/theme/images/Projects.gif");

+}

+

+body.projects ul#bannernav li#bannernav-projects a,

+ul#bannernav li#bannernav-projects a:hover {

+ background-image: url("/theme/images/Projects_ro.gif");

+}

+

+ul#bannernav li#bannernav-wiki a {

+ background-image: url("/theme/images/Wiki.gif");

+}

+

+body.wiki ul#bannernav li#bannernav-wiki a,

+ul#bannernav li#bannernav-wiki a:hover {

+ background-image: url("/theme/images/Wiki_ro.gif");

+}

+

+ul#bannernav li#bannernav-fourm a {

+ background-image: url("/theme/images/Fourm.gif");

+}

+

+body.fourm ul#bannernav li#bannernav-fourm a,

+ul#bannernav li#bannernav-fourm a:hover {

+ background-image: url("/theme/images/Fourm_ro.gif");

+}

+

+ul#bannernav li#bannernav-misc a {

+ background-image: url("/theme/images/Random.gif");

+}

+

+body.misc ul#bannernav li#bannernav-misc a,

+ul#bannernav li#bannernav-misc a:hover {

+ background-image: url("/theme/images/Random_ro.gif");

+}

+

+ul#bannernav li#bannernav-webs a {

+ background-image: url("/theme/images/Links.gif");

+}

+

+body.webs ul#bannernav li#bannernav-webs a,

+ul#bannernav li#bannernav-webs a:hover {

+ background-image: url("/theme/images/Links_ro.gif");

+}

+

+ul#bannernav li#bannernav-poll a {

+ background-image: url("/theme/images/Poll.gif");

+}

+

+body.poll ul#bannernav li#bannernav-poll a,

+ul#bannernav li#bannernav-poll a:hover {

+ background-image: url("/theme/images/Poll_ro.gif");

+}

+

+ul#bannernav li#bannernav-quotes a {

+ background-image: url("/theme/images/Quotes.gif");

+}

+

+body.quotes ul#bannernav li#bannernav-quotes a,

+ul#bannernav li#bannernav-quotes a:hover {

+ background-image: url("/theme/images/Quotes_ro.gif");

+}

+

+ul#bannernav li#bannernav-login a {

+ background-image: url("/theme/images/Login.gif");

+}

+

+body.login ul#bannernav li#bannernav-login a,

+ul#bannernav li#bannernav-login a:hover {

+ background-image: url("/theme/images/Login_ro.gif");

+}

+

+ul#bannernav li#bannernav-logout a {

+ background-image: url("/theme/images/Logout.gif");

+}

+

+ul#bannernav li#bannernav-logout a:hover {

+ background-image: url("/theme/images/Logout_ro.gif");

+}

+

+ul#bannernav li#bannernav-panel a {

+ background-image: url("/theme/images/Panel.gif");

+}

+

+body.panel ul#bannernav li#bannernav-panel a,

+ul#bannernav li#bannernav-panel a:hover {

+ background-image: url("/theme/images/Panel_ro.gif");

+}

+

+ul#bannernav li#bannernav-search {

+ display: block;

+ float: right;

+ width: 165px;

+ height: 30px;

+ margin: 0px;

+ background: url("/theme/images/bg_search.gif") 0 0 no-repeat;

+}

+

+ul#bannernav li#bannernav-search fieldset {

+ border: none;

+ padding-top: 6px;

+ border-width:0pt;

+ font-family:Verdana,Helvetica,Arial,sans-serif;

+ font-size:1.1em;

+}

+

+ul#bannernav li#bannernav-search input {

+ width: 125px;

+ height: 19px !important;

+ margin-left: 13px;

+ border: none !important;

+ background-color: transparent;

+ cursor:pointer;

+ font-family:Verdana,Helvetica,Arial,sans-serif;

+ font-weight:normal;

+ padding:0pt 3px;

+ vertical-align:middle;

+ line-height:1.3em;

+ color:#536482;

+ margin-top: -20px;

+}

+

+body.fourm ul#bannernav li#bannernav-search input {

+ margin-top: 0px;

+ font-size: 1.1em !important;

+ margin-left: 28px;

+}