aboutsummaryrefslogtreecommitdiffstats
path: root/plugins/SwiftThemeCreator/theme_creator.tpl
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2008-08-26 14:18:42 +0000
committervdigital <vdigital@piwigo.org>2008-08-26 14:18:42 +0000
commit7f956e71b91f32ff6ca87ea6a0f56cc0f02c7005 (patch)
tree2123313a00e1432a340ac2206845bfc3278e180a /plugins/SwiftThemeCreator/theme_creator.tpl
parentebe89e0a28b14f845b5be83766597f1db3cfb970 (diff)
Swift Theme Creator (minor changes): partly functional version.
git-svn-id: http://piwigo.org/svn/trunk@2487 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'plugins/SwiftThemeCreator/theme_creator.tpl')
-rw-r--r--plugins/SwiftThemeCreator/theme_creator.tpl146
1 files changed, 105 insertions, 41 deletions
diff --git a/plugins/SwiftThemeCreator/theme_creator.tpl b/plugins/SwiftThemeCreator/theme_creator.tpl
index bc8604e85..14bbd26ec 100644
--- a/plugins/SwiftThemeCreator/theme_creator.tpl
+++ b/plugins/SwiftThemeCreator/theme_creator.tpl
@@ -14,12 +14,12 @@ You can update later the result as you need.'|@translate}
<table><tr><td style="padding-right:20px;">
{'Template'|@translate}
</td><td>
- {html_options name=template options=$template_options selected=$main.template_options}
+ {html_options name=template options=$template_options selected=$main.template_sel}
</td></tr>
<tr><td style="padding-right:20px;">
{'New theme to be created'|@translate}
</td><td>
- <input type="text" maxlength="8" size="8" name="new_theme" id="new_theme" value="{$main.new_theme}" />
+ <input type="text" maxlength="8" size="8" name="new_theme" id="new_theme" value="{$main.newtheme}" />
</td></tr>
</table>
</fieldset>
@@ -77,55 +77,58 @@ You can update later the result as you need.'|@translate}
<legend>{'Header background selection '|@translate}</legend>
<table>
<tr>
- <td style="padding-right:20px;">
- {'Use of a picture background'|@translate} {* No / 24H Random public picture / Fixed RRL *}
- </td>
-
- <td colspan="2">
- <label>
- <input class="radio" type="radio" value="off" name="background"
- {if ($main.background == 'off')}
- checked="checked"
- {/if}/>
- {$background_options.off}
- </label>
+ <td style="padding-right:120px;">
+ <label><input class="radio" type="radio" value="off" name="background"
+ {if ($main.background == 'off')} checked="checked" {/if}/>
+ {'No picture'|@translate}</label> {* No / 24H Random public picture / Fixed URL *}
</td>
+ <td colspan="2"></td>
</tr>
<tr>
- <td style="padding-right:20px;">
- {'Source category'|@translate}
- </td><td>
- <label>
- <input class="radio" type="radio" value="random" name="background"
- {if ($main.background == 'random')}
- checked="checked"
- {/if}/>
- {$background_options.random}
- </label>
- </td><td>
- {html_options style="margin: 0 0 0 10px;" name=src_category options=$src_category select=$main.src_category}
+ <td style="padding-right:120px;">
+ <label> <input class="radio" type="radio" value="random" name="background"
+ {if ($main.background == 'random')} checked="checked" {/if}/>
+ {'Random source'|@translate}</label>
+ </td>
+ <td colspan="2">
+ {html_options style="margin: 0 0 0 10px;" name=src_category options=$src_category selected=$main.src_category}
</td>
</tr>
+
<tr>
- <td style="padding-right:20px;">
- {'Picture relative local path'|@translate}
- </td><td>
- <label>
- <input class="radio" type="radio" value="fixed" name="background"
- {if ($main.background == 'fixed')}
- checked="checked"
- {/if}/>
- {$background_options.fixed}
- </label>
- </td><td>
+ <td style="padding-right:120px;">
+ <label> <input class="radio" type="radio" value="fixed" name="background"
+ {if ($main.background == 'fixed')} checked="checked" {/if}/>
+ {'Fixed path'|@translate}</label>
+ </td>
+ <td colspan="2">
<input style="margin: 0 0 0 10px;" type="text" maxlength="255" size="70" name="picture_url" id="picture_url" value="{$main.picture_url}" />
</td>
</tr>
<tr>
<td style="padding-right:20px;">
+ &nbsp;
+ </td><td colspan="2" style="padding-left:20px;">
+ <label style="padding-right:50px;">
+ <input type="checkbox" name="colorize" {if ($main.colorize)}checked="checked"{/if} />
+ {'Colorize'|@translate} {* Colorize / Enhance Brightness / Reduce contrast *}
+ </label>
+ <label style="padding-right:50px;">
+ <input type="checkbox" name="brightness" {if ($main.brightness)}checked="checked"{/if} />
+ {'Enhance brightness'|@translate}
+ </label>
+ <label>
+ <input type="checkbox" name="contrast" {if ($main.contrast)}checked="checked"{/if} />
+ {'Reduce contrast'|@translate}
+ </label>
+ </td>
+ </tr>
+
+ <tr>
+ <td style="padding-right:5px; text-align: right;">
{'Width limit in pixels'|@translate}
</td><td colspan="2">
<input style="margin: 0 10px 0 50px;" type="text" maxlength="5" size="8" name="picture_width" id="picture_width" value="{$main.picture_width}" />
@@ -136,7 +139,7 @@ You can update later the result as you need.'|@translate}
</tr>
<tr>
- <td style="padding-right:20px;">
+ <td style="padding-right:5px; text-align: right;">
{'Display mode'|@translate} {* As is / truncated / resized *}
</td><td colspan="2">
{html_radios name='background_mode' class="radio" options=$background_mode_options selected=$main.background_mode}
@@ -146,7 +149,68 @@ You can update later the result as you need.'|@translate}
</fieldset>
<p>
-<input name="reset" class="submit" type="submit" value="{'Reset'|@translate}" /> &nbsp;
-<input name="submit" class="submit" type="submit" value="{'Submit'|@translate}" />
+<input name="reset" class="submit" type="submit" value="{'Reset'|@translate}" style="margin-right:250px;" /> &nbsp;
+<input name="submit" class="submit" type="submit" value="{'Generate'|@translate}" style="margin-right:50px;" /> &nbsp;
+<input name="simulate" class="submit" type="submit" value="{'Simulate'|@translate}" />
</p>
-</form> \ No newline at end of file
+</form>
+<fieldset>
+ <legend>{'Just a yoga preview... '|@translate}</legend>
+<div style="background-color:{$main.color1}; width: 600px; overflow: hidden; margin: 5px auto 5px auto;
+font-family:Univers,Helvetica,Optima,'Bitstream Vera Sans',sans-serif;">
+ {* Preview header *}<div style="width: 600px; height: 80px; overflow: hidden;">
+ {if ($main.background=='fixed')}
+ <img src="{$main.templatedir}/header.jpg">
+ <h2 style="position:relative;color:{$main.color2};top:-75px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"Fixed header" preview'|@translate}</h2>
+ {/if}
+ {if ($main.background=='random')}
+ <img src="{$main.templatedir}/header.jpg">
+ <h2 style="position:relative;color:{$main.color2};top:-75px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"Random header" preview'|@translate}</h2>
+ {/if}
+ {if ($main.background=='off')}
+ <h2 style="position:relative;color:{$main.color2};top:25px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"No header" preview'|@translate}</h2>
+ {/if}
+ </div>
+ {* Preview menubar *}<div style="border:1px solid {$main.color3}; margin:2px 4px 0px 2px;
+text-decoration:none; width: 120px; display:inline; background-color:{$main.color6};
+float:left; padding:0pt; text-align:left; color:{$main.color2}; font-size:1em;">
+ <dl style="margin: 0;">
+ <dt style="background-image:url({$main.templatedir}/stc.png); text-align: center; height:18px;
+font-weight:bold; font-style:normal; color:{$main.color3}; padding: 6px 0 0 0;">{'Preview'|@translate}</dt>
+ <dd>
+ <ul style="padding-left: 14px; font-size: 0.9em;">
+ <li><a style="color:{$main.color3}; border:0;">{'Preview'|@translate}</a></li>
+ <li>...</li>
+ </ul>
+ <p style="font-size: 0.9em;">{'Preview'|@translate}</p>
+ </dd>
+ </dl>
+ </div>
+ {* Preview content *}<div style="border:1px solid {$main.color3}; padding:0px;
+background-color:{$main.color6}; margin: 2px 2px 0 132px; color:{$main.color2}; font-size:1em; width:462px;">
+<h2 style="background-image:url({$main.templatedir}/stc.png); display:block; padding: 6px 0 0 20px;
+font-size:1em; height:18px; letter-spacing:-1px; margin:0; position:relative; text-align: left;
+font-style:normal; color:{$main.color2}; width: 442px; font-weight: normal;">{'home'|@translate}</h2>
+ <ul style="padding-left:4px; padding-right:130px;">
+ <li style="list-style:none;">
+ <div style="border:1px solid {$main.color3}; margin:3px; padding:2px 0px 0px 2px;">
+ <div style="width:114px; float:left; margin:2px 0pt 0pt 2px; text-align:left; color:{$main.color1};">
+ <a style="border:0;">
+ <img title="{'Preview'|@translate}" alt="{'Preview'|@translate}" src="{$main.templatedir}/header.jpg" style="width: 106px; height: 80px;"/>
+ </a>
+ </div>
+ <div style="height:94px; font-size:90%; overflow:hidden;">
+ <h3 style="background-image:url({$main.templatedir}/stc.png); text-align:center; height: 14px; margin-right: 0px; margin-bottom: 0px; line-height: 7px;">
+ <a style="font-size: 10px; font-style:normal; border:0;">{'Preview'|@translate}</a>
+ </h3>
+ <p style="">{'Preview'|@translate}</p>
+ <p/>
+ </div>
+ </div>
+ </li>
+ </ul>
+ </div>
+</div>
+<span style='display:block;font-style:italic;color:#777;text-align:right;margin-right:25px;'>
+{'...to get an idea of the expected result. Preview is based on yoga-like template only.'|@translate}</span>
+</fieldset> \ No newline at end of file