Default layout

See also:
NOTE
This feature is available since:
WikkaWiki 1.2

 

The default theme introduced in Wikka 1.2 is based on the following layout.

  1. <!-- BEGIN DOC OPEN -->
  2. <!DOCTYPE....>
  3. <html>
  4. <!-- END DOC OPEN -->
  5. <!-- BEGIN HEAD-->
  6. <head>
  7.     <!-- head elements here -->
  8. </head>
  9. <!-- END HEAD -->
  10. <!-- BEGIN BODY -->
  11. <body>
  12. <!-- BEGIN PAGE WRAPPER -->
  13.     <div id="page"> <!--wraps the whole content-->
  14. <!-- BEGIN PAGE HEADER -->
  15.         <div id="header"> <!--includes page header elements-->
  16.             <h2>PageTitle</h2>
  17.             <ul id="main_menu"> <!-- See WikkaMenus -->
  18.                 <li>menu item</li>
  19.                 ...
  20.                 <li>menu item</li>
  21.             </ul>
  22.         </div><!-- end div "header" -->
  23. <!-- END PAGE HEADER -->
  24. <!-- BEGIN PAGE CONTENT -->    
  25.         <div id="content"> <!--contains the wiki page body-->
  26.         The quick brown fox jumps over the lazy dog
  27.         The quick brown fox jumps over the lazy dog
  28.         The quick brown fox jumps over the lazy dog
  29.         The quick brown fox jumps over the lazy dog
  30.         The quick brown fox jumps over the lazy dog
  31.         </div><!-- end div "content" -->
  32. <!-- END PAGE CONTENT -->
  33. <!-- BEGIN COMMENT BLOCK -->
  34.         <div id="comments"> <!--wrapper for the comments block-->
  35.             <div id="commentheader">
  36.             </div>
  37.             <div id="commentlist">
  38.                 <div class="comment">
  39.                 </div>
  40.                 <div class="comment">
  41.                 </div>
  42.                 ...
  43.             </div><!-- end div "commentlist" -->
  44.             <div id="commentform">
  45.             </div><!-- end div "commentform" -->
  46.         </div><!-- end div "comments" -->
  47. <!-- END COMMENT BLOCK -->
  48. <!-- BEGIN PAGE FOOTER -->
  49.         <div id="footer"> <!--includes page footer elements-->
  50.             <ul id="options_menu"> <!-- See WikkaMenus -->
  51.                 <li>menu item</li>
  52.                 ...
  53.                 <li>menu item</li>
  54.             </ul>
  55.         </div><!-- end div "footer" -->
  56. <!-- END PAGE FOOTER -->
  57. <!-- BEGIN SYSTEM INFO -->
  58.         <div id="smallprint">
  59.         </div>
  60. <!-- END SYSTEM INFO -->
  61.     </div><!-- end div "page" -->
  62. <!-- END PAGE WRAPPER -->
  63. </body>
  64. <!-- END BODY -->
  65. <!-- BEGIN DOC CLOSE -->
  66. </html>
  67. <!-- 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.X1.2Notes
n/a
div#pagenew wrapper introduced in 1.2
div.headerdiv#headerreplaced class with id
n/a
ul#main_menu new style hook introduced in 1.2
div.contentdiv#contentreplaced class with id
div.footerdiv#footerreplaced class with id
n/a
ul#options_menu new style hook introduced in 1.2
n/a
div#commentsnew wrapper introduced in 1.2
div.commentheaderdiv#commentheaderreplaced class with id
div.commentformdiv#commentformreplaced class with id
div.smallprintdiv#smallprintreplaced class with id

CategoryEN
There are no comments on this page.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki