Revision history for WikkaSkinOptimization


Revision [23051]

Last edited on 2016-05-20 07:38:44 by DarTar [Replaces old-style internal links with new pipe-split links.]
Additions:
~-[[http://css.openformats.org/wikka.php?wakka=HomePage | New template test server]]
~-[[WikkaMenus | Configurable header/footer navigation bars]]
Deletions:
~-[[http://css.openformats.org/wikka.php?wakka=HomePage New template test server]]
~-[[WikkaMenus Configurable header/footer navigation bars]]


Revision [18645]

Edited on 2008-01-28 00:12:18 by DarTar [Modified links pointing to docs server]

No Differences

Revision [11398]

Edited on 2005-10-13 12:06:15 by DarTar [updated template to match dev version]
Additions:
<ul id="main_menu"> <!-- See WikkaMenus -->
Deletions:
<ul id="main_menu">' <!-- See WikkaMenus -->


Revision [11397]

Edited on 2005-10-13 12:03:21 by DarTar [updated template to match dev version]
Additions:
<!-- BEGIN DOC OPEN -->
<!-- END DOC OPEN -->
<!-- BEGIN HEAD (only head section) -->
<!-- END HEAD -->
<!-- BEGIN BODY (whole body section) -->
<!-- BEGIN PAGE WRAPPER -->
<!-- BEGIN PAGE HEADER -->
<!-- END PAGE HEADER -->
<!-- BEGIN PAGE CONTENT -->
<!-- END PAGE CONTENT -->
<!-- BEGIN COMMENT BLOCK -->
<!-- END COMMENT BLOCK -->
<!-- BEGIN PAGE FOOTER -->
<!-- END PAGE FOOTER -->
<!-- BEGIN SYSTEM INFO -->
<div id="smallprint">
</div>
<!-- END SYSTEM INFO -->
<!-- BEGIN MICROTIME -->
<div id="microtime"> <!--new id for formatting (or masking) the microtime information-->
</div>
<!-- END MICROTIME -->
<!-- END PAGE WRAPPER -->
<!-- END BODY -->
<!-- BEGIN DOC CLOSE -->
<!-- END DOC CLOSE -->%%
Deletions:
<!-- BEGIN doc open -->
<!-- END doc open -->
<!-- BEGIN head (only head section) -->
<!-- END head -->
<!-- BEGIN body (whole body section) -->
<!-- BEGIN page header -->
<!-- END page header -->
<!-- BEGIN page content -->
<!-- END page content -->
<!-- BEGIN page footer -->
<div class="smallprint">
<div id="microtime"> <!--new id for formatting (or masking) the microtime information-->
<!-- END page footer -->
<!-- END body -->
<!-- BEGIN doc close -->
<!-- END doc close -->
%%


Revision [11255]

Edited on 2005-10-04 15:40:06 by DarTar [cleaning up page]
Additions:
>> For several (mainly "historical") reasons, the HTML output produced by Wikka does not allow optimal control on the layout. Here's a proposal for a more structured template:
%%(html4strict;1)
<ul id="main_menu">' <!-- See WikkaMenus -->
<ul id="extra_menu"> <!-- See WikkaMenus -->
Deletions:
>>
For several reasons the HTML output produced by Wikka does not allow optimal control on the layout. Here's a proposal for a more structured template:
%%(html4strict)
<ul id="main_menu">' <!--[[WikkaMenus *]]-->
<ul id="extra_menu"> <!--[[WikkaMenus *]]--><!--name should not suggest position-->


Revision [11254]

Edited on 2005-10-04 15:38:02 by DarTar [removing previous template]
Additions:
>>**See also**:
~-[[WikkaMenus Configurable header/footer navigation bars]]
>>
For several reasons the HTML output produced by Wikka does not allow optimal control on the layout. Here's a proposal for a more structured template:
::c::
Deletions:
<<**Related pages**:
<<::c::
For several reasons the HTML output produced by Wikka does not allow optimal control on the layout.
Before installing skins, I'd like to discuss some ideas for a better template. Proposed modification are highlighted, feel free to add your comments and/or other proposals.
##<html>
~''<div id="page">'' (new wrapper, was called //container// in previous draft)
~~<div ''id''="**header**"> (//id// instead of //class//)
~~~<h2> ""PageTitle"" </h2>
~~~''<ul id="main_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~</div>
~~<div ''id''="''**content**''"> (currently called //page//, //id// instead of //class//)
~~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 (main content)
~~The quick brown fox jumps over the lazy dog
~~The quick brown fox jumps over the lazy dog
~~</div>
~~''<div id="**comments**">'' (new wrapper)
~~</div>
~~~<div ''id''="commentsheader"> (//id// instead of //class//)
~~~</div>
~~~<div class="comment">
~~~</div>
~~~<div class="comment">
~~~</div>
~~~...
~~~</div>
~~~<div ''id''="commentform"> (//id// instead of //class//)
~~~</div>
~~''</div>''
~~<div ''id''="**footer**"> (//id// instead of //class//)
~~~''<ul id="footer_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~~<div class="smallprint">
~~~</div>
~~~''<div id="microtime">'' (new class for formatting (or masking) the microtime information)
~~~''</div>''
~~</div>
~''</div>''
</html>##
Your ideas?
-- DarTar
==A different "view"==
Taking your code, and annotating it a bit, to try and explain to myself how it's structured and what might be in which (partial) "template". (Doing that, I also found an extra </div> which I've removed.)


Revision [8692]

Edited on 2005-05-29 12:19:41 by JavaWoman [adding category]
Additions:
CategoryDevelopmentDiscussion CategoryLayout
Deletions:
CategoryLayout


Revision [8456]

Edited on 2005-05-25 06:19:42 by JavaWoman [id tweaks]
Additions:
<div id="commentheader"> <!--//id// instead of //class//-->
<div id="commentlist">
</div><!-- end div "commentlist" -->
<ul id="extra_menu"> <!--[[WikkaMenus *]]--><!--name should not suggest position-->
<div id="microtime"> <!--new id for formatting (or masking) the microtime information-->
Small tweak: wrapped comments in a div as well which may help in styling. And main heading properly a h1, with id. Small id name changes. --JavaWoman
Deletions:
<div id="commentsheader"> <!--//id// instead of //class//-->
<div id="commentslist">
</div><!-- end div "commentslist" -->
<ul id="footer_menu"> <!--[[WikkaMenus *]]-->
<div id="microtime"> <!--new class for formatting (or masking) the microtime information-->
Small tweak: wrapped comments in a div as well which may help in styling. And main heading properly a h1, with id. --JavaWoman


Revision [8455]

Edited on 2005-05-25 06:12:28 by JavaWoman [extra div for comments + h1]
Additions:
<h1 id="hn_main">PageTitle</h1>
<div id="commentslist">
<div class="comment">
</div>
<div class="comment">
</div>
</div><!-- end div "commentslist" -->
Small tweak: wrapped comments in a div as well which may help in styling. And main heading properly a h1, with id. --JavaWoman
Deletions:
<h2>PageTitle</h2>
<div class="comment">
<div class="comment">
...


Revision [8166]

Edited on 2005-05-15 00:25:19 by DarTar [Announcing new template test server]
Additions:
<<::c::
Deletions:
<<


Revision [8165]

Edited on 2005-05-15 00:24:59 by DarTar [Announcing new template test server]
Additions:
{{lastedit}}
~-[[http://css.openformats.org/wikka.php?wakka=HomePage New template test server]]
~-The current Wikka CSS: WikkaSkins
Deletions:
''Last updated 2004-11-24: suggestions included in the template''
-The current Wikka CSS: WikkaSkins


Revision [7950]

Edited on 2005-05-08 18:10:53 by JavaWoman [revert]
Deletions:
**test**


Revision [7941]

Edited on 2005-05-08 10:21:17 by JavaWoman [test]
Additions:
**test**


Revision [7940]

Edited on 2005-05-08 08:37:21 by JavaWoman [a different 'view' of the code]
Additions:
===== A new layout for Wikka? =====
''Last updated 2004-11-24: suggestions included in the template''

<<**Related pages**:
-The current Wikka CSS: WikkaSkins
<<


For several reasons the HTML output produced by Wikka does not allow optimal control on the layout.
Before installing skins, I'd like to discuss some ideas for a better template. Proposed modification are highlighted, feel free to add your comments and/or other proposals.

##<html>
<body>
~''<div id="page">'' (new wrapper, was called //container// in previous draft)
~~<div ''id''="**header**"> (//id// instead of //class//)
~~~<h2> ""PageTitle"" </h2>
~~~''<ul id="main_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~</div>
~~<div ''id''="''**content**''"> (currently called //page//, //id// instead of //class//)
~~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 (main content)
~~The quick brown fox jumps over the lazy dog
~~The quick brown fox jumps over the lazy dog
~~</div>
~~''<div id="**comments**">'' (new wrapper)
~~</div>
~~~<div ''id''="commentsheader"> (//id// instead of //class//)
~~~</div>
~~~<div class="comment">
~~~</div>
~~~<div class="comment">
~~~</div>
~~~...
~~~</div>
~~~<div ''id''="commentform"> (//id// instead of //class//)
~~~</div>
~~''</div>''
~~<div ''id''="**footer**"> (//id// instead of //class//)
~~~''<ul id="footer_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~~<div class="smallprint">
~~~</div>
~~~''<div id="microtime">'' (new class for formatting (or masking) the microtime information)
~~~''</div>''
~~</div>
~''</div>''
</body>
</html>##


Your ideas?

-- DarTar

==A different "view"==
Taking your code, and annotating it a bit, to try and explain to myself how it's structured and what might be in which (partial) "template". (Doing that, I also found an extra </div> which I've removed.)

%%(html4strict)
<!-- BEGIN doc open -->
<!DOCTYPE....>
<html>
<!-- END doc open -->
<!-- BEGIN head (only head section) -->
<head>
<!-- head elements here -->
</head>
<!-- END head -->
<!-- BEGIN body (whole body section) -->
<body>
<!-- BEGIN page header -->
<div id="page"> <!--new wrapper, was called //container// in previous draft-->
<div id="header"> <!--//id// instead of //class//-->
<h2>PageTitle</h2>
<ul id="main_menu">' <!--[[WikkaMenus *]]-->
<li>menu item</li>
...
</ul>
</div><!-- end div "header" -->
<!-- END page header -->
<!-- BEGIN page content -->
<div id="content"> <!--currently called //page//, //id// instead of //class//-->
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 (main content)
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
</div><!-- end div "content" -->
<div id="comments"> <!--new wrapper-->
<div id="commentsheader"> <!--//id// instead of //class//-->
</div>
<div class="comment">
</div>
<div class="comment">
</div>
...
</div>
<div id="commentform"> <!--//id// instead of //class//-->
<!-- (form here) -->
</div><!-- end div "commentform" -->
</div><!-- end div "comments" -->
<!-- END page content -->
<!-- BEGIN page footer -->
<div id="footer"> <!--//id// instead of //class//-->
<ul id="footer_menu"> <!--[[WikkaMenus *]]-->
<li>menu item</li>
...
</ul>
<div class="smallprint">
</div>
<div id="microtime"> <!--new class for formatting (or masking) the microtime information-->
</div>
</div><!-- end div "footer" -->
</div><!-- end div "page" -->
<!-- END page footer -->
</body>
<!-- END body -->
<!-- BEGIN doc close -->
</html>
<!-- END doc close -->
%%

Hope it's clear what I'm trying to do... if not, let me know. We definitely should move to a better structure, both in **generated** code as well as in which **parts** of PHP code do the generating. //More later...// --JavaWoman

----
Deletions:
===== A new layout for Wikka? =====
''Last updated 2004-11-24: suggestions included in the template''

<<**Related pages**:
-The current Wikka CSS: WikkaSkins
<<


For several reasons the HTML output produced by Wikka does not allow optimal control on the layout.
Before installing skins, I'd like to discuss some ideas for a better template. Proposed modification are highlighted, feel free to add your comments and/or other proposals.

##<html>
<body>
~''<div id="page">'' (new wrapper, was called //container// in previous draft)
~~<div ''id''="**header**"> (//id// instead of //class//)
~~~<h2> ""PageTitle"" </h2>
~~~''<ul id="main_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~</div>
~~<div ''id''="''**content**''"> (currently called //page//, //id// instead of //class//)
~~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 (main content)
~~The quick brown fox jumps over the lazy dog
~~The quick brown fox jumps over the lazy dog
~~</div>
~~''<div id="**comments**">'' (new wrapper)
~~</div>
~~~<div ''id''="commentsheader"> (//id// instead of //class//)
~~~</div>
~~~<div class="comment">
~~~</div>
~~~<div class="comment">
~~~</div>
~~~...
~~~</div>
~~~<div ''id''="commentform"> (//id// instead of //class//)
~~~</div>
~~''</div>''
~~<div ''id''="**footer**"> (//id// instead of //class//)
~~~''<ul id="footer_menu">'' ([[WikkaMenus *]])
~~~''<li>menu item</li>''
~~~''</ul>''
~~~<div class="smallprint">
~~~</div>
~~~''<div id="microtime">'' (new class for formatting (or masking) the microtime information)
~~~''</div>''
~~</div>
~''</div>''
</body>
</html>##


Your ideas?

-- DarTar

----


Revision [2402]

Edited on 2004-11-24 09:01:30 by DarTar [Including suggestions in the template, thanks.]
Additions:
''Last updated 2004-11-24: suggestions included in the template''
~''<div id="page">'' (new wrapper, was called //container// in previous draft)
~~<div ''id''="**header**"> (//id// instead of //class//)
~~<div ''id''="''**content**''"> (currently called //page//, //id// instead of //class//)
~~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 (main content)
~~The quick brown fox jumps over the lazy dog
~~The quick brown fox jumps over the lazy dog
~~''<div id="**comments**">'' (new wrapper)
~~~<div ''id''="commentsheader"> (//id// instead of //class//)
~~~<div class="comment">
~~~<div class="comment">
~~~...
~~~<div ''id''="commentform"> (//id// instead of //class//)
~~<div ''id''="**footer**"> (//id// instead of //class//)
~~~''<ul id="footer_menu">'' ([[WikkaMenus *]])
~~~<div class="smallprint">
~~~''<div id="microtime">'' (new class for formatting (or masking) the microtime information)
~~~''</div>''
Deletions:
~''<div id="container">''
~~<div ''id''="header">
~~<div ''id''="page">
~~<div ''id''="commentsheader">
~~<div class="comment">
~~~<div class="commentinfo" >
~~<div ''id''="commentform">
~~<div id="footer">
~~<div class="smallprint">
~~''<div id="microtime">''


Revision [2349]

Edited on 2004-11-22 11:26:57 by DarTar [New layout proposal]
Additions:
<<**Related pages**:
-The current Wikka CSS: WikkaSkins
<<


Revision [2347]

Edited on 2004-11-22 10:23:09 by DarTar [New layout proposal]
Additions:
-- DarTar


Revision [2346]

The oldest known version of this page was created on 2004-11-22 10:21:19 by DarTar [New layout proposal]
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki