web:kvfgnetwiki_altestheme
Inhaltsverzeichnis
Altes Theme auf KvFG net Wiki
Zentrale Dateien
Im Folgenden die zentralen Dateien des Designs zur Einsicht und möglichen Veränderung. Veränderungsvorschläge im Code bitte kenntlich machen!
style.css
/* ================================ GENERAL ================================= */ * { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: small; } body { background: #e0dfca; background-image: url(images/body_background___width__.png); background-position: center; background-repeat: repeat-y; } a { color: #436976; background-color: inherit; } a:hover { color: #000; background-color: inherit; } a img { border: none; } a.wikilink2 { color: #8c2121; } /* ================================ HEADER ================================== */ #header { background-image: url(images/header_background___width__.png); background-position: center; background-repeat: repeat-y; } #header a { color: #fff; background-color: inherit; text-decoration: none; } #header a:hover { color: #ccc; background-color: inherit; } /* ================================= MENU =================================== */ #menu { background-image: url(images/menu_background.png); background-repeat: repeat-x; } #menu ul { border-left: solid 1px #000; border-right: solid 1px #666; } #menu ul li { border-left: solid 1px #666; border-right: solid 1px #000; } #menu ul li a { color: #fff; background-color: inherit; text-decoration: none; } #menu ul li a:hover { color: #fff; background-color: #333; } /* ================================== BODY ================================== */ #body { background-color: #fff; color: #000; } .youarehere { padding: 2px 2px 2px 2px; font-weight: bold; border-right: solid 1px #acacbb; border-left: solid 3px #acacbb; border-bottom: solid 3px #acacbb; background-color: #D9D9D9; border-color: #8c2121; } acronym { cursor: help; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000; } #body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a { font-size: 1em; font-family: inherit; color: inherit; background-color: inherit; } #body h1 { font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size: 1.2em; color: #fff; background-color: transparent; background-image: url(images/h1_bg.png); background-repeat: repeat-y; background-position: right; border-bottom: solid 1px #dbdbc5; } #body h1 a { color: #fff; background-color: transparent; } #body h2 { font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size: 1.3em; color: #fff; background-color: transparent; background-image: url(images/h2_bg.png); background-repeat: repeat-y; background-position: right; border-bottom: solid 1px #dbdbc5; } #body h2 a { color: #fff; background-color: transparent; } #body h3 { font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size: 1em; color: #8c2121; background-color: inherit; border-bottom: solid 1px #dbdbc5; } #body h4, #body h5 { font-family: Georgia, "Times New Roman", serif; font-weight: bold; font-size: 1em; color: #8c2121; background-color: inherit; } ol { line-height: 1.5em; margin: 0 0 .5em 1.5em; padding: 0; } ul { line-height: 1.5em; list-style-type: square; margin: 0 0 .5em 1.5em; padding: 0; list-style-image: url(images/bullet.gif); } .code { border-top: solid 1px #acacbb; border-right: solid 1px #acacbb; border-bottom: solid 1px #acacbb; border-left: solid 3px #acacbb; background-color: #f7f9fa; color: inherit; } .code, .code * { font-size: 1em; font-family: "Courier New",Courier,monospace; } blockquote { border-left: solid 5px #8c2121; padding-left: 15px; } #body input { border: solid 1px #8cacbb; } #body input:hover { border: solid 1px #000; } /* ---------- table of contents ------------------- */ div.toc { margin: 1.2em 0 0 2em; float: right; width: 200px; font-size: 80%; clear: both; } div #toc__header { font-weight: bold; border-top: solid 1px #acacbb; border-right: solid 1px #acacbb; border-left: solid 3px #acacbb; border-bottom: dashed 1px #acacbb; background-color: #f7f9fa; border-color: #8c2121; } div #toc__inside { border-right: solid 1px #acacbb; border-left: solid 3px #acacbb; border-bottom: solid 3px #acacbb; background-color: #f7f9fa; border-color: #8c2121; } /* ********* TABLES ********* */ #body table { border: solid 1px #999; } #body table th { border: solid 1px #999; background-color: #eee; } #body table td { border: solid 1px #ccc; background-color: #fff; } #body table tr:hover { background-color: #ffffe5; } /* insitu-footnotes */ div.insitu-footnote { font-size: 80%; line-height: 1.2em; border: 1px dashed; background-color: #f5ebeb; text-align: left; padding: 4px; max-width: 40%; /* IEs width is handled in javascript */ } /* overcome IE issue with one line code or file boxes which require h. scrolling */ * html .insitu-footnote pre.code, * html .insitu-footnote pre.file { padding-bottom: 18px; } /* ================================= FOOTER ================================= */ #footer { background-color: #dfdec9; color: #000; } #footer li a { border: solid 1px #8cacbb; background-color: #efebe7; color: #000; text-decoration: none; white-space: nowrap; } #footer li a:hover { border: solid 1px #000; background-color: #efebe7; color: #000; } #footer input { border: solid 1px #8cacbb; } #footer input:hover { border: solid 1px #000; } .breadcrumbs { /*padding: 4px 4px 4px 4px;*/ background-color: #ffffff; }
layout.css
/* ================================ GENERAL ================================= */ html, body { margin: 0; padding: 0; min-height: 100%; } /* ================================ HEADER ================================== */ #header { text-align: center; height: 150px; } #header h1 { margin: 0; } #header #lang { position: absolute; top: 5px; width: 100%; } #header #lang ul { margin: 0 auto 0 auto; padding: 0; width: 880px; text-align: left; } #header #lang ul li { display: inline; margin-right: 5px; } /* ================================= MENU =================================== */ #menu { background-color: #000; color: #fff; text-align: center; padding: 2px 0 2px 0; } #menu ul { margin: 0; padding: 0; display: inline; } #menu ul li { display: inline; } #menu ul li a { padding: 0 1em 0 1em; } /* ================================== BODY ================================== */ #body_top, #body_bottom { height: 1px; background-color: #fff; color: #000; } #body { width: __width__px; margin: 0 auto 0 auto; padding: 0 30px 0 30px; } #body h1, #body h2, #body h3, #body h4, #body h5 { clear: left; margin: .5em 0 0 0; } /* DOKUWIKI LEVELS */ #body h1 { margin-left: 0em; padding: 5px; } div.level1 { margin: 1em 0 0 0; } #body h2 { margin-left: 1em; padding: 2px 5px; } div.level2 { margin: 1em 0 0 2em; } #body h3 { margin-left: 2em; } div.level3 { margin: 1em 0 0 3em; } #body h4 { margin-left: 3em; } div.level4 { margin: 1em 0 0 4em; } #body h5 { margin-left: 4em; } div.level5 { margin: 1em 0 0 5em; } .code { padding: 5px; overflow: auto; } /* ********* TABLES ********* */ #body table { margin: 5px 0 5px 0; border-collapse: collapse; } #body table th { padding: 2px 5px 2px 5px; } #body table td { padding: 2px 5px 2px 5px; } #body table td.rightalign { text-align: right; } #body table td.centeralign { text-align: center; } #body table td.leftalign { text-align: left; } /* ================================= FOOTER ================================= */ #footer { clear: both; width: __footer__px; margin: 1em auto 0 auto; padding: 1em 10px 1em 10px; } #footer ul { margin: 0 0 .5em 0; padding: 0; } #footer ul li { display: inline; } #footer li a { padding: 2px 10px 2px 10px; } #footer form { float: right; } #footer input { margin-left: 2px; } #footer p { margin: 0; } #qsearch__out { display: none !important; } .footerinc { text-align: center; padding-top: 15px; } .copyright { color: #8c2121; text-align: center; }
main.php
<?php if (!empty($INFO['userinfo'])) { $user = true; } /** * Theme pour Sandy * @author neolao <neo@neolao.com> * @link http://resources.neolao.com/php/dokuwiki/templates * Reworked by: (C) BDJL http://www.bdjl.de */ ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']; ?>" lang="<?php echo $conf['lang']; ?>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <?php tpl_metaheaders(); ?> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/> <title><?php echo hsc($conf['title']).wl($ID); ?></title> </head> <body> <div id="header"> <h1><?php tpl_link(wl(),'<img src="'.DOKU_TPL.'images/banner_840.png" alt="'.hsc($conf['title']).'"/>','name="dokuwiki__top" id="dokuwiki__top" accesskey="h" title="[ALT+H]"')?></h1> <div id="lang"> <ul> </ul> </div> </div> <div id="menu"> <ul> <?php include('menu.php'); ?> </ul> </div> <div id="body"> <div id="body_top"></div> <p class="youarehere"><?php tpl_youarehere(); ?></p> <?php flush(); ?> <?php tpl_content(); ?> <?php flush(); ?> <div id="body_bottom"><?php tpl_indexerWebBug()?></div> </div> <div id="footer"> <?php tpl_searchform(); ?> <ul> <li><?php tpl_actionlink('edit'); ?></li> <li><?php tpl_actionlink('login'); ?></li> <li><?php tpl_button('history'); ?></li> </ul> <ul> <?php if ($user) { ?> <li><?php tpl_actionlink('profile')?></li> <li><?php tpl_actionlink('admin'); ?> </li> <li><?php tpl_button('index')?></li> <li><?php tpl_button('top')?> </li> <?php } ?> </ul> <div class="breadcrumbs"> <?php tpl_breadcrumbs()?> </div> <?php /*old includehook*/ @include(dirname(__FILE__).'/footer.html')?> <div class="no"><?php /* provide DokuWiki housekeeping, required in all templates */ tpl_indexerWebBug()?></div> <div class="copyright">Design by <a href="http://www.bdjl.de">bdjl</a> | Based on <a href="http://www.dokuwiki.org/template:sandy">sandy</a> | Blended with <a href="http://www.dokuwiki.org/template:backpack">backpack</a></div> </div> </body> </html>
footer.html
<?php /** * Example footer include * * This file shows you how to use the include hooks. However I recommend to * create your own complete new template instead. */ $tgt = ($conf['target']['extern']) ? 'target="'.$conf['target']['extern'].'"' : ''; ?> <div class="footerinc"> <a <?php echo $tgt?> href="<?php echo DOKU_BASE; ?>feed.php" title="Recent changes RSS feed"><img src="<?php echo DOKU_TPL; ?>images/button-rss.png" width="80" height="15" alt="Recent changes RSS feed" /></a> <a <?php echo $tgt?> href="http://creativecommons.org/licenses/by-nc-sa/2.0/" rel="license" title="Creative Commons License"><img src="<?php echo DOKU_TPL; ?>images/button-cc.gif" width="80" height="15" alt="Creative Commons License" /></a> <a <?php echo $tgt?> href="http://wiki.splitbrain.org/wiki:donate" title="Donate"><img src="<?php echo DOKU_TPL; ?>images/button-donate.gif" alt="Donate" width="80" height="15" /></a> <a <?php echo $tgt?> href="http://www.php.net" title="Powered by PHP"><img src="<?php echo DOKU_TPL; ?>images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a <?php echo $tgt?> href="http://wiki.splitbrain.org/wiki:dokuwiki" title="Driven by DokuWiki"><img src="<?php echo DOKU_TPL; ?>images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> <?php /* * The following stuff in HTML comments declares a Creative Commons * License - remove this if you don't want this license for your Wiki */ ?> <!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <Work rdf:about=""> <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" /> <license rdf:resource="http://creativecommons.org/licenses/by-nc-sa/2.0/" /> </Work> <License rdf:about="http://creativecommons.org/licenses/by-nc-sa/2.0/"> <permits rdf:resource="http://web.resource.org/cc/Reproduction" /> <permits rdf:resource="http://web.resource.org/cc/Distribution" /> <requires rdf:resource="http://web.resource.org/cc/Notice" /> <requires rdf:resource="http://web.resource.org/cc/Attribution" /> <prohibits rdf:resource="http://web.resource.org/cc/CommercialUse" /> <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" /> <requires rdf:resource="http://web.resource.org/cc/ShareAlike" /> </License> </rdf:RDF> --> <?php if ($conf['allowdebug']) { echo '<!-- page made in '.round(delta_time(DOKU_START_TIME), 3).' seconds -->'; } ?> </div>
menu.php
<li><?php tpl_link(wl("Impressum"),"Impressum"); ?></li><li><?php tpl_link(wl("Benutzerordnung"),"Benutzerordnung"); ?></li><li><?php tpl_link(wl("Lizenz"),"Lizenz"); ?></li><li><?php tpl_link(wl("wiki:syntax"),"Wikisyntax"); ?></li>
web/kvfgnetwiki_altestheme.txt · Zuletzt geändert: 2009/10/25 12:50 von d.weller