{include file="header.tpl"}
- <body onload="init_phpfspot();">
- <div class="logo" colspan="2">
- {$page_title}
+ <body onload="init_phpfspot('{$web_path}');">
+
+ <!-- loading -->
+
+ <div id="HTML_AJAX_LOADING">
+ <img src="{$web_path}/resources/loading.gif" style="vertical-align: middle;" alt="Loading..." /> Loading...
</div>
+
+ <!-- top menu -->
+
<div class="menu">
- <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index">
- <img src="resources/photo_index.png" alt="photo index" />
- </a>
- <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results">
- <img src="resources/reload.png" alt="reset tags" />
- </a>
- <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page">
- <img src="resources/credits.png" alt="show credits" />
- </a>
+ <div class="icons">
+ <a href="javascript:showPhotoIndex();" onclick="click(this);" title="Show Photo Index (CTRL+ALT+i)">
+ <img src="{$web_path}/resources/photo_index.png" alt="photo index" />
+ </a>
+ <a href="javascript:resetAll();" onclick="click(this);" title="Reset selected-tags and search results (CTRL+ALT+r)">
+ <img src="{$web_path}/resources/reload.png" alt="reset tags" />
+ </a>
+ <a href="javascript:showCredits();" onclick="click(this);" title="Show's a little credit page">
+ <img src="{$web_path}/resources/credits.png" alt="show credits" />
+ </a>
+ </div>
+ <div class="logo"> {$page_title}</div>
</div>
- <table>
- <tr>
- <td class="options">
- <table>
- <tr>
- <td>
- {include file="search.tpl"}
- </td>
- </tr>
- <tr>
- <td>
- <div id="tags">
- {include file="tags.tpl"}
- </div>
- </td>
- </tr>
- </table>
- </td>
- <td class="content">
- <div id="content">
- {include file="welcome.tpl"}
- </div>
- </td>
- </tr>
- </table>
- <div style="text-align: right; font-size: 10px; color: #ffffff">
- Licensed under GPLv3, <a href="http://oss.netshadow.at/oss/phpfspot/Project" style="font-size: 10px; color: #ffffff">phpfspot</a>
+ <!-- /top menu -->
+
+ <div style="clear: both;">
+ <!-- option column -->
+ <div class="options" style="float: left;">
+ <div>
+ {include file="search.tpl"}
+ </div>
+ <div id="tags">
+ {include file="tags.tpl"}
+ </div>
</div>
- </body>
+ <!-- /option column -->
+
+ <!-- content column -->
+ <div id="content" class="content">
+ { $initial_content }
+ </div>
+ </div>
+
{include file="footer.tpl"}