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/4.5/navigation.css | 173 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 theme/layouts/4.5/navigation.css (limited to 'theme/layouts/4.5/navigation.css') diff --git a/theme/layouts/4.5/navigation.css b/theme/layouts/4.5/navigation.css new file mode 100644 index 0000000..4d3156b --- /dev/null +++ b/theme/layouts/4.5/navigation.css @@ -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; +} -- cgit 1.4.1