I think the html5 version may be offered as an add-on template rather than main-line code for some time. However, working on it has pointed out some interesting issues in terms of things being hard-coded in Mods.

There are a lot of unexpected things that have shown up in this particular exercise.
It's also been pointed out that I may have been moving too fast on this. So expect some changes as I rearrange things like templates and do some work in the AdminCenter.

Monni wrote on Oct 23^rd, 2014 at 4:45pm:

Good advice. 

I was playing with the top stuff using spans...

 <div class="menutop">
             <span class="small" style="display: inline-block; padding-left:1%; width: 20%; line-height:2.6em; vertical-align: top;" id="yabbclock">23. lokakuuta 2014 klo 00:52<script type="text/javascript">
 WriteClock('yabbclock','23. lokakuuta 2014 klo ',' ');
 </script></span>
             <span class="small center" style="display: inline-block; width: 57%; line-height:2.6em; vertical-align: top;">Change Template:&nbsp;
             <form name="styleswitcher" action="http://yabbforumsoftware.com/cgi-bin/yabb2/YaBB.pl" method="post">
             <input type="hidden" name="redir" value="">
             <select name="template" onchange="submit()">
         <option value="Forum default" selected="selected">Forum default</option>
 <option value="New Fall">New Fall</option>

             </select>
              <input type="hidden" name="formsession" value="477F5C5C3E5A7B687B72716E737B706A3E387F736E253E53717A6D5377757F521E0">
                     </form>
         </span>
   <span style="display: inline-block; width: 20%; padding-right: 1%">
 <span class="yabb_searchbox">
                     <form action="http://yabbforumsoftware.com/cgi-bin/yabb2/YaBB.pl?action=search2" method="post" accept-charset="UTF-8">
                         <input type="hidden" name="searchtype" value="allwords">
                         <input type="hidden" name="userkind" value="any">
                         <input type="hidden" name="subfield" value="on">
                         <input type="hidden" name="msgfield" value="on">
                         <input type="hidden" name="age" value="31">
                         <input type="hidden" name="oneperthread" value="1">
                         <input type="hidden" name="searchboards" value="!all">
                         <input type="text" name="search" size="16" id="search1" value="Haku" style="font-size: 11px;" onfocus="txtInFields(this, 'Haku');" onblur="txtInFields(this, 'Haku')">
                         <input type="image" src="http://yabbforumsoftware.com/yabbfiles/Templates/Forum/default/search.png" alt="Viestit ei vanhempia kuin  31 päivää" title="Viestit ei vanhempia kuin 31 päivää" style="background-color: transparent; margin-right: 5px; vertical-align: middle;">
                      <input type="hidden" name="formsession" value="477F5C5C3E5A7B687B72716E737B706A3E387F736E253E53717A6D5377757F521E0">
                     </form></span><span class="yabb_rss"><a href="http://yabbforumsoftware.com/cgi-bin/yabb2/YaBB.pl?action=RSSrecent" target="_blank"><img src="http://yabbforumsoftware.com/yabbfiles/Templates/Forum/default/rss.png" alt="RSS-syöte" title="RSS-syöte"></a></span>


   </span>
             <div class="clear"></div>
         </div>
  

This is uncleaned raw html straight from debugger session

20%+57%+20% = 97%, which was few pixels too small.

Dandello wrote on Oct 28^th, 2014 at 2:03pm:


It obviously needs complete redesign as it is using single column table and we already decided that was bad design idea...

Dandello wrote on Oct 28^th, 2014 at 8:32pm:


We always learn something new by making mistakes...