diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/index.tpl | 32 | ||||
-rw-r--r-- | templates/photo_index.tpl | 41 | ||||
-rw-r--r-- | templates/tags.tpl | 18 |
3 files changed, 62 insertions, 29 deletions
diff --git a/templates/index.tpl b/templates/index.tpl index 38af584..bec381b 100644 --- a/templates/index.tpl +++ b/templates/index.tpl @@ -1,11 +1,31 @@ {include file="header.tpl"} <body onload="refreshAvailableTags(); refreshSelectedTags();"> - <div id="logo">{$page_title}</div> - <div id="tags"> - {include file="tags.tpl"} - </div> - <div id="content"> - {include file="welcome.tpl"} + <div id="frame"> + <table> + <tr> + <td class="logo" colspan="2"> + {$page_title} + </td> + </tr> + <tr> + <td colspan="2" class="menu"> + <a href="javascript:showPhotoIndex();">Photo Index</a> + <a href="javascript:Tags('reset', 0);">Reset Tags</a> + </td> + </tr> + <tr> + <td class="tags"> + <div id="tags"> + {include file="tags.tpl"} + </div> + </td> + <td class="content"> + <div id="content"> + {include file="welcome.tpl"} + </div> + </td> + </tr> + </table> </div> </body> {include file="footer.tpl"} diff --git a/templates/photo_index.tpl b/templates/photo_index.tpl index 97c9fb8..3172547 100644 --- a/templates/photo_index.tpl +++ b/templates/photo_index.tpl @@ -1,22 +1,41 @@ <!-- Image Matrix --> <table> <tr> - <td colspan="{$columns}"> - {$count} images have been found for the selected tags + <td class="index_header"> + <b>Photo Index</b><br /> + {if $count == 1} + {$count} image has been found for the selected tags + {else} + {$count} images have been found for the selected tags + {/if} </td> </tr> -{section name="row" loop=$rows step=1} <tr> - {section name="col" loop=$columns step=1} <td> - {if $images[row][col] } - <a href="javascript:showImage({$images[row][col]});"> - <img src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" /> - </a> - {/if} + <div id="matrix"> + <table> + {section name="row" loop=$rows step=1} + <tr> + {section name="col" loop=$columns step=1} + <td class="thumb"> + {if $images[row][col] } + <div id="outter"> + <div id="inner"> + <a href="javascript:showImage({$images[row][col]});"> + <img class="thumb" src="phpfspot_img.php?idx={$images[row][col]}&width={$width}" /> + </a> + </div> + </div> + {else} + + {/if} + </td> + {/section} + </tr> + {/section} + </table> + </div> </td> - {/section} </tr> -{/section} </table> <!-- /Image Matrix --> diff --git a/templates/tags.tpl b/templates/tags.tpl index 2a6a7a8..084c1ea 100644 --- a/templates/tags.tpl +++ b/templates/tags.tpl @@ -1,31 +1,25 @@ <table> <tr> <td> - The following tags are available: + Available Tags: </td> </tr> <tr> - <td> - <div id='available_tags'></div> + <td class="available_tags"> + <div id="available_tags"></div> </td> </tr> <tr> <td> - The following tags have been selected: + Selected Tags: </td> </tr> <tr> - <td> - <div id='selected_tags'></div> + <td class="selected_tags"> + <div id="selected_tags"></div> </td> </tr> <tr> <td> </td> </tr> - <tr> - <td> - <a href="javascript:showPhotoIndex();">Photo Index</a> - <a href="javascript:Tags('reset', 0);">Reset Tags</a> - </td> - </tr> </table> |