summary refs log tree commit diff stats
path: root/theme/layouts/7
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2009-10-03 10:30:17 -0400
committerStarla Insigna <hatkirby@fourisland.com>2009-10-03 10:30:17 -0400
commitdc0fb9445e8a3ede8bc33d6779fadd89b7ea6893 (patch)
tree511b0f752889172163f3801cdbe311f0efc55540 /theme/layouts/7
parent0e4089184a44719fbd1284acb047ab7547674412 (diff)
downloadfourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.gz
fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.bz2
fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.zip
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
Diffstat (limited to 'theme/layouts/7')
-rw-r--r--theme/layouts/7/layout.tpl234
-rw-r--r--theme/layouts/7/style.css183
-rwxr-xr-xtheme/layouts/7/style.php27
3 files changed, 444 insertions, 0 deletions
diff --git a/theme/layouts/7/layout.tpl b/theme/layouts/7/layout.tpl new file mode 100644 index 0000000..48eb1e6 --- /dev/null +++ b/theme/layouts/7/layout.tpl
@@ -0,0 +1,234 @@
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head>
5 <title><!--EXTRATITLE-->Four Island</title>
6 <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css.php" />
7 <!--[if IE]><link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/ie.css" /><![endif]-->
8 <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/print.css" media="print" />
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <meta http-equiv="Content-Language" content="en" />
11 <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FourIsland?format=xml" title="Four Island" />
12 <link rel="shortcut" href="/images/kirbyfolder.ico" />
13 <link rel="icon" href="/images/kirbyfolder.ico" />
14 <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />
15 <script type="text/javascript" src="/theme/js/jquery.js"></script>
16 </head>
17
18 <body id="<!--CATEGORY-->">
19 <div id="flash"><!--FLASH--></div>
20
21 <div id="header">
22 <div id="banner"><a href="http://fourisland.com/">Four Island</a></div>
23 </div>
24
25 <div id="page-content">
26 <div id="sidebar">
27 <div class="module rounded pimped sidebar">
28 Hi! My name is Hatkirby, and I run Four Island.
29
30 <p>
31 Four Island is a fun place with a blog,
32 a fourm, a wiki, many projects and a quotes database!<br />
33
34 I hope you enjoy your time on Four Island!
35 </p>
36 </div>
37
38 <cite class="rounded"><strong>Hatkirby</strong> on Four Island</cite>
39
40 <p />
41
42 <!--BEGIN CREATE_HATNAV-->
43 <ul class="hatnav">
44 <!--END CREATE_HATNAV-->
45
46 <!--BEGIN HATNAV-->
47 <li>
48 <a href="<!--HATNAV.URL-->">
49 <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />
50 <span><!--HATNAV.TITLE--></span>
51 </a>
52 </li>
53 <!--END HATNAV-->
54
55 <!--BEGIN CREATE_HATNAV-->
56 </ul>
57 <!--END CREATE_HATNAV-->
58
59 <div class="module rounded sidebar">
60 <h3>Poll of the Week</h3>
61
62 <!--POTW-->
63 </div>
64
65 <div class="module rounded sidebar">
66 <h3>Affiliates</h3>
67
68 <ul>
69 <!--BEGIN AFFILIATES-->
70 <li>
71 <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
72 <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
73 </li>
74 <!--END AFFILIATES-->
75 </ul>
76 </div>
77
78 <div class="module rounded sidebar">
79 <h3>Website Projects</h3>
80
81 <ul>
82 <!--BEGIN WEBPROJS-->
83 <li>
84 <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
85 <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
86 </li>
87 <!--END WEBPROJS-->
88 </ul>
89 </div>
90
91 <div class="module rounded sidebar">
92 <h3>HatBar</h3>
93
94 <p>
95 Hits: <!--HITS--><br />
96 Today: <!--TODAY--><br />
97 <!--DATEFINDER-->
98 </p>
99
100 <p align="center">
101 <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>
102 <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0" /></a>
103 <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" /></a>
104 <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0" /></a>
105 <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
106 </p>
107
108 <p>
109 <strong>Theme Switcher</strong>:
110 <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
111 <option value="7" selected="selected">7</option>
112 <option value="6.2">6.2</option>
113 <option value="4.5">4.5</option>
114 </select>
115 </p>
116 </div>
117 </div>
118
119 <div id="content">
120 <ul id="navbar">
121 <li<!--BLOGACTIVE-->>
122 <a href="http://fourisland.com/">
123 <img src="/theme/images/icons/newspaper.png" alt="Blog" />
124 <span>Blog</span>
125 </a>
126 </li>
127
128 <li>
129 <a href="http://projects.fourisland.com/">Projects</a>
130 </li>
131
132 <li<!--FOURMACTIVE-->>
133 <a href="http://fourisland.com/fourm/">
134 <img src="/theme/images/icons/comment.png" alt="The Fourm" />
135 <span>The Fourm</span>
136 </a>
137 </li>
138
139 <li<!--POLLACTIVE-->>
140 <a href="http://fourisland.com/poll/">
141 <img src="/theme/images/icons/overlays.png" alt="Polls" />
142 <span>Polls</span>
143 </a>
144 </li>
145
146 <li<!--QUOTESACTIVE-->>
147 <a href="http://fourisland.com/quotes/">
148 <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />
149 <span>Quotes</span>
150 </a>
151 </li>
152
153 <!--BEGIN MEMBERS-->
154 <li<!--LOGACTIVE-->>
155 <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
156 <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />
157 <span>Log<!--LOGDATA--></span>
158 </a>
159 </li>
160 <!--END MEMBERS-->
161
162 <!--BEGIN ADMIN-->
163 <li<!--PANELACTIVE-->>
164 <a href="http://fourisland.com/admin/">
165 <img src="/theme/images/icons/rainbow.png" alt="Admin" />
166 <span>Admin</span>
167 </a>
168 </li>
169 <!--END ADMIN-->
170 </ul>
171
172 <div id="window" class="rounded">
173 <div id="actual-content" class="rounded">
174 <!--CONTENT-->
175 </div>
176 </div>
177 </div>
178
179 <div class="cleardiv"></div>
180 </div>
181
182 <div id="footer">
183 <div class="foot-module">
184 <h3>Recent Comments</h3>
185
186 <ul>
187 <!--BEGIN COMMENTS-->
188 <li style="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <a href="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></a></li>
189 <!--END COMMENTS-->
190 </ul>
191 </div>
192
193 <div class="foot-module">
194 <h3>Recent Fourm Posts</h3>
195
196 <ul>
197 <!--BEGIN FOURM-->
198 <li style="font-size: 0.9em"><!--FOURM.USERNAME--> on <a href="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></a></li>
199 <!--END FOURM-->
200 </ul>
201 </div>
202
203 <div class="foot-module">
204 <h3>Top Commenters</h3>
205
206 <ul>
207 <!--BEGIN TOP-->
208 <li style="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</li>
209 <!--END TOP-->
210 </ul>
211 </div>
212
213 <div class="foot-module">
214 <h3>Popular Posts</h3>
215
216 <ul>
217 <!--BEGIN POPULAR-->
218 <li style="font-size: 0.9em"><a href="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></a></li>
219 <!--END POPULAR-->
220 </ul>
221 </div>
222
223 <div class="cleardiv"></div>
224
225 <p>
226 Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a>.
227 Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.
228 <a href="http://jigsaw.w3.org/css-validator/"><img src="/theme/images/icons/css_valid.png" alt="Valid CSS" /></a>
229 <a href="http://validator.w3.org/check/referer"><img src="/theme/images/icons/xhtml_valid.png" alt="Valid XHTML" /></a>
230 <a class="noVisit" href="/rss.php"><img src="/theme/images/icons/feed.png" alt="RSS Feed" /></a>
231 </p>
232 </div>
233 </body>
234</html>
diff --git a/theme/layouts/7/style.css b/theme/layouts/7/style.css new file mode 100644 index 0000000..c16bdfa --- /dev/null +++ b/theme/layouts/7/style.css
@@ -0,0 +1,183 @@
1/* Body */
2
3body {
4 font-family: "Lucida Grande", "Arial", sans;
5 background-color: #111;
6}
7
8div#header {
9 width: 100%;
10 height: 200px;
11 background-image: url(http://fourisland.com/theme/images/header-repeat.png);
12 background-repeat: repeat-x;
13}
14
15div#banner {
16 width: 800px;
17 height: 200px;
18 margin: 0 auto;
19 background-image: url(http://fourisland.com/theme/images/header.png);
20 background-position: bottom right;
21}
22
23div#header a {
24 width: 800px;
25 height: 200px;
26 text-indent: -5000px;
27 display: block;
28}
29
30div#sidebar {
31 width: 21%;
32 float: left;
33}
34
35div#content {
36 width: 69%;
37 float: right;
38 padding-left: 5%;
39 padding-right: 5%;
40 padding-top: 20px;
41}
42
43div#content div.rounded {
44 padding: 10px;
45}
46
47div#footer {
48 width: 100%;
49 padding-top: 20px;
50 padding-bottom: 20px;
51}
52
53div#footer div.foot-module {
54 margin: 0 auto;
55 float: left;
56 width: 20%;
57 margin-left: 4%;
58 color: white;
59 font-size: 0.9em;
60}
61
62div#footer a {
63 color: white;
64 border-bottom: 1px dotted white;
65}
66
67div#footer div.foot-module ul {
68 list-style-type: square;
69}
70
71div#footer p {
72 font-size: 0.5em;
73 color: white;
74 text-align: center;
75}
76
77div#page-content {
78 background-color: #00ff00; /*#8B4513;*/
79 padding-bottom: 10px;
80}
81
82body#fourm div#actual-content {
83 font-size: 60%;
84}
85
86ul#navbar {
87 text-align: center;
88 margin-top: 0;
89}
90
91ul#navbar li {
92 display: inline;
93 font-family: Verdana, sans-serif;
94 font-size: 1.1em;
95}
96
97ul#navbar li+li:before {
98 content: " - ";
99}
100
101ul#navbar li img, ul#navbar li.active span {
102 display: none;
103}
104
105ul#navbar li.active img {
106 display: inline;
107 background-color: white;
108 outline: white solid .5em;
109 margin: 0 .5em;
110}
111
112/* Sidebar */
113
114div#rightbar {
115 float: left;
116 width: 270px; /*210*/
117}
118
119div.sidebar {
120 width: 250px; /*250*/ /*240*/ /*210*/
121 padding: 0 10px;
122 margin-bottom: 5px;
123}
124
125div.sidebar h3 {
126 font-family: Verdana, Helvetica, Arial, sans-serif;
127 margin: 5px 0 0 0;
128 font-weight: bold;
129 color: #333333;
130}
131
132div.sidebar p {
133 font-size: 0.8em;
134 margin: 3px 0;
135}
136
137div#sidebar ul.hatnav {
138 list-style-type: none;
139 padding-left: 24px;
140 margin-top: 0 !important;
141 line-height: normal !important;
142 list-style-image: none !important;
143}
144
145div#sidebar ul {
146 list-style-type: none;
147}
148
149div#sidebar ul.hatnav li {
150 text-align: right;
151 border: 1px gray solid;
152 padding-top: 2px;
153 padding-bottom: 2px;
154 background-color: #111;
155 color: white;
156}
157
158div#sidebar ul.hatnav li a {
159 display: block;
160 width: 95%;
161 color: white;
162}
163
164div#sidebar li img {
165 border: 0;
166 height: 16px;
167 width: 16px;
168}
169
170div#sidebar ul.hatnav li.active {
171 background-color:#00FF00;
172 border: none;
173}
174
175div#sidebar ul.hatnav li:hover {
176 background-color:yellow;
177 border: none;
178}
179
180div#sidebar ul li.active a, div#sidebar ul li a:hover {
181 color: black;
182}
183
diff --git a/theme/layouts/7/style.php b/theme/layouts/7/style.php new file mode 100755 index 0000000..3c44d1e --- /dev/null +++ b/theme/layouts/7/style.php
@@ -0,0 +1,27 @@
1<?php
2/*
3 444444444
4 4::::::::4
5 4:::::::::4
6 4::::44::::4
7 4::::4 4::::4 Four Island
8 4::::4 4::::4
9 4::::4 4::::4 Written and maintained by Starla Insigna
104::::444444::::444
114::::::::::::::::4 theme/layouts/7/style.php
124444444444:::::444
13 4::::4 Please do not use, reproduce or steal the
14 4::::4 contents of this file without explicit
15 4::::4 permission from Hatkirby.
16 44::::::44
17 4::::::::4
18 4444444444
19*/
20
21if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
22
23require('headerproc.php');
24
25include('layouts/7/style.css');
26
27?>