Wiki source for DefaultLayout


Show raw source

=====Default layout=====
>>==See also:==
~-[[WikkaThemes | Using themes]]
~- [[WikkaMenus | Menu templates]]
>>{{since version="1.2" align="left"}}
::c::
The [[WikkaThemes | default theme]] introduced in Wikka 1.2 is based on the following layout.

%%(html4strict;1)
<!-- BEGIN DOC OPEN -->
<!DOCTYPE....>
<html>
<!-- END DOC OPEN -->
<!-- BEGIN HEAD-->
<head>
<!-- head elements here -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
<!-- BEGIN PAGE WRAPPER -->
<div id="page"> <!--wraps the whole content-->
<!-- BEGIN PAGE HEADER -->
<div id="header"> <!--includes page header elements-->
<h2>PageTitle</h2>
<ul id="main_menu"> <!-- See WikkaMenus -->
<li>menu item</li>
...
<li>menu item</li>
</ul>
</div><!-- end div "header" -->
<!-- END PAGE HEADER -->
<!-- BEGIN PAGE CONTENT -->
<div id="content"> <!--contains the wiki page body-->
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
</div><!-- end div "content" -->
<!-- END PAGE CONTENT -->
<!-- BEGIN COMMENT BLOCK -->
<div id="comments"> <!--wrapper for the comments block-->
<div id="commentheader">
</div>
<div id="commentlist">
<div class="comment">
</div>
<div class="comment">
</div>
...
</div><!-- end div "commentlist" -->
<div id="commentform">
</div><!-- end div "commentform" -->
</div><!-- end div "comments" -->
<!-- END COMMENT BLOCK -->
<!-- BEGIN PAGE FOOTER -->
<div id="footer"> <!--includes page footer elements-->
<ul id="options_menu"> <!-- See WikkaMenus -->
<li>menu item</li>
...
<li>menu item</li>
</ul>
</div><!-- end div "footer" -->
<!-- END PAGE FOOTER -->
<!-- BEGIN SYSTEM INFO -->
<div id="smallprint">
</div>
<!-- END SYSTEM INFO -->
</div><!-- end div "page" -->
<!-- END PAGE WRAPPER -->
</body>
<!-- END BODY -->
<!-- BEGIN DOC CLOSE -->
</html>
<!-- END DOC CLOSE -->
%%

====Style changes between 1.1.X and 1.2.X====
The main layout differences from 1.1.X are the following:
|[|
|=|1.1.X|=|1.2|=|Notes||
|#|{text-align:left}
||@@''n/a''@@||div#page||new wrapper introduced in 1.2||
||div.header||div#header||replaced class with id||
||@@''n/a''@@|| ul#main_menu ||new style hook introduced in 1.2 ||
||div.content||div#content||replaced class with id||
||div.footer||div#footer||replaced class with id||
||@@''n/a''@@|| ul#options_menu ||new style hook introduced in 1.2 ||
||@@''n/a''@@||div#comments||new wrapper introduced in 1.2||
||div.commentheader||div#commentheader||replaced class with id||
||div.commentform||div#commentform||replaced class with id||
||div.smallprint||div#smallprint||replaced class with id||

----
CategoryEN
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki