From dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893 Mon Sep 17 00:00:00 2001 From: Starla Insigna Date: Sat, 3 Oct 2009 10:30:17 -0400 Subject: 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 --- theme/layouts/6.2/layout.tpl | 334 +++++++++++++++++++++++++++++++++++++++++++ theme/layouts/6.2/night.css | 22 +++ theme/layouts/6.2/style.css | 247 ++++++++++++++++++++++++++++++++ theme/layouts/6.2/style.php | 32 +++++ 4 files changed, 635 insertions(+) create mode 100644 theme/layouts/6.2/layout.tpl create mode 100644 theme/layouts/6.2/night.css create mode 100644 theme/layouts/6.2/style.css create mode 100755 theme/layouts/6.2/style.php (limited to 'theme/layouts/6.2') diff --git a/theme/layouts/6.2/layout.tpl b/theme/layouts/6.2/layout.tpl new file mode 100644 index 0000000..59535af --- /dev/null +++ b/theme/layouts/6.2/layout.tpl @@ -0,0 +1,334 @@ + + + + + <!--EXTRATITLE-->Four Island + + + + + + + + + + + + + + + + > +
+ +
+
+ +
+ +
+
+ +
+
+ +
+ +
+
+ Hi! My name is Hatkirby, and I run Four Island. + +

+ Four Island is a fun place with a blog, + a fourm, a wiki, many projects and a quotes database!
+ + I hope you enjoy your time on Four Island! +

+
+ + Hatkirby on Four Island + +

+ + +

+

Hatnav

+ +
    + + + +
  • <!--HATNAV.TITLE-->
    • + + + +
+
+ +

+ + +

+

Poll of the Week

+ + +
+ +

+ +

+

Hatbar

+ +

+ + Hits:
+ Today: + +

+ +

+ +

+ Addresses galore!
+ + Page Rank Check + + Creative Commons License
+ + website stats + +
+ + Comments Feed +

+ +

+ Theme Switcher: + +

+
+ +

+ +

+

Affiliates

+ +
    + +
  • + <!--AFFILIATES.TITLE--> + +
    • + +
+
+ +

+ +

+

Website Projects

+ +
    + +
  • + <!--WEBPROJS.TITLE--> + +
    • + +
+
+ +

+ +

+

Popular Posts

+ +
    + +
    • + +
+
+ +

+

+

Tag Cloud

+ +

+ + + +

+
+ +

+ +

+

Recent Comments

+ +
    + +
  • on
    • + +
+
+ +

+ +

+

Recent Fourm Posts

+ +
    + +
  • on
    • + +
+
+ +

+ +

+

Top Commenters

+ +
    + +
  • ()
    • + +
+
+ +

+ +

+ Like something you see here on Four Island? + +

+ Well, the best way to promote a post here is to link to it from your blog. + We always appreciate Pingbacks.
+ + Of course, if you don't have a blog, + you could simply comment on the post in question.
+ + Can't be bothered to think up a comment? Well, you can always rate it then.
+ + There's always a way to show how you feel about a post on Four Island. +

+
+ + Hatkirby on Four Island + + +
+
+
+
+

+ +

+ +

+
+
+
+
+ +
+ + +
+ +
+ +
+ + +
+ +
+ + +
+ + + + + + + diff --git a/theme/layouts/6.2/night.css b/theme/layouts/6.2/night.css new file mode 100644 index 0000000..2a24480 --- /dev/null +++ b/theme/layouts/6.2/night.css @@ -0,0 +1,22 @@ +body { + background-color: black; + background-image: url(/theme/images/backgrounds/island6night.PNG); +} + +div#wrap { + background-color: rgba(0, 0, 0, 0.75); +} + +div#banner { + background-color: black; + background-image: url(/theme/images/fourisland_header_night.png); +} + +div#fi-navbar ul li.active img { + background-color: black; + outline: black solid .5em; +} + +.light-at-night, .light-at-night-l6p2 { + color: #555555; +} diff --git a/theme/layouts/6.2/style.css b/theme/layouts/6.2/style.css new file mode 100644 index 0000000..53f3556 --- /dev/null +++ b/theme/layouts/6.2/style.css @@ -0,0 +1,247 @@ +/* Banner */ + +div#banner, div#fi-banner { + background-repeat: no-repeat; + width: 900px; /*728*/ + height: 200px; + float: left; +/* margin-top: 21px; */ +} + +div#banner { + background: white url("/theme/images/fourisland_header.png") center no-repeat; + width: 100%; +} + +body div#banner h1, body div#fi-banner h1 { + margin: 0; +} + +body div#banner h1 a, body div#fi-banner h1 a { + display: block; + width: 900px; + height: 200px; + text-indent: -5000px; + text-decoration: none; + margin: 0; +} + +div#banner h1, div#fi-banner h1 { + margin: 0; + font-size: 3.0em; + font-weight: normal; +} + +/* NavBar */ + +div#fi-navbar { + position: relative; + background-color: #b7e0ff; + width: auto; + margin-bottom: 14px; + font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif; + height: 1.9em; + clear: both; +} + +div#fi-navbar div { + padding: .001em 0; + margin: 10px; +} + +div#fi-navbar ul { + margin: .25em 0; + padding-left: 1em; + text-align: center; +} + +div#fi-navbar ul li { + display: inline; + font-family: Verdana, sans-serif; + font-size: 1.1em; +} + +div#fi-navbar ul li+li:before { + content: " - "; +} + +div#fi-navbar ul li img, +div#fi-navbar ul li.active span { + display: none; +} + +div#fi-navbar ul li.active img { + display: inline; + background-color: white; + outline: white solid .5em; + margin: 0 .5em; +} + +div#fi-navbar div.bubble blockquote { + background: none; + font-size: 0.9em; +} + +div#fi-navbar div.bubble blockquote a { + color: blue; +} + +/* Sidebar */ + +div#rightbar { + float: left; + width: 270px; /*210*/ +} + +div.sidebar { + width: 250px; /*250*/ /*240*/ /*210*/ + padding: 0 10px; + margin-bottom: 5px; +} + +div.sidebar h3 { + font-family: Verdana, Helvetica, Arial, sans-serif; + margin: 5px 0 0 0; + font-weight: bold; + color: #333333; +} + +div.sidebar p { + font-size: 0.8em; + margin: 3px 0; +} + +div.sidebar ul { + list-style-type: none; + padding: 0; + margin: 0; + line-height: normal !important; + list-style-image: none !important; +} + +div#sidebar ul li { + margin-top: 4px; +} + +div#sidebar ul li a { + display: block; + width: 230px; +} + +div#sidebar li img { + border: 0; + height: 16px; + width: 16px; +} + +/* Layout */ + +#wrap { + width: 910px; + margin: 10px auto; + padding: 0; + background-color: white; + background-color: rgba(255, 255, 255, 0.5); + border: 4px solid gray; +} + +#page-body { + margin: 0 30px; + clear: both; + position: relative; +} + +body.fourm #page-body { + margin: 0 10px 0 25px; + width: 95%; + font-size: 62.5%; +} + +#phpBB3-page-body { + margin: 4px 0 !important; + clear: both; +} + +/* Content */ + +div#content { + float: right; + width: 555px; /*465*/ /*555*/ +} + +div#footer { + clear: both; + padding: .5em 0 1em 0; + margin-top: .5em; + text-align: center; + font-size: .68em; + border-top: 1px black solid; +} + +div#footer ul.rows li { + display: list-item; +} + +div#footer ul { + padding: 0; + margin: 0; + list-style-type: none; +} + +div#footer ul li { + display: inline; + margin-right: 1em; +} + +div#footer ul li img { + width: 20px; + height: 20px; + vertical-align: top; +} + +div#content ul { + list-style: url(/theme/images/bullet_disk_big.png); +} + +div#content a img { + border: solid transparent 1px; +} + +div#content a:hover img { + border: dashed gray 1px; +} + +div#hatbar.quotes-options ul { + list-style: none; +} + +div.autosize { + margin-bottom: 6px !important; +} + +body { + background: repeat-x bottom left fixed; + font-family: Arial, FreeSans; + margin: 0px; + padding: 0px 0px 30px !important; +} + +body.fourm { + font-family: Verdana, Helvetica, Arial, sans-serif; +} + +body.fourm div#content { + width: 100%; + float: none; +} + +body { + background-color: aqua; + background-image: url(/theme/images/backgrounds/island6.PNG); +} + +span.post-vote { + float: right; + position: relative; + top: -20px; +} diff --git a/theme/layouts/6.2/style.php b/theme/layouts/6.2/style.php new file mode 100755 index 0000000..73bce49 --- /dev/null +++ b/theme/layouts/6.2/style.php @@ -0,0 +1,32 @@ += 20) || (date('G') <= 6)) || isset($_GET['night']) && !isset($_GET['day'])) +{ + include('layouts/6.2/night.css'); +} + +?> -- cgit 1.4.1