source: extensions/SwiftThemeCreator/theme_creator.tpl @ 27147

Last change on this file since 27147 was 4862, checked in by ddtddt, 15 years ago

[trunk][STC] add localization

  • Property svn:eol-style set to LF
File size: 8.8 KB
Line 
1<div class="titrePage">
2  <h2>{'Swift Theme Creator'|@translate}</h2>
3</div>
4
5<p>
6{'The Swift Theme Creator is powerful webmaster tool to create a new theme in few seconds.
7You can update later the result as you need.'|@translate}
8</p>
9<form method="post" action="" class="general">
10
11<fieldset>
12        <legend>{'Template selection'|@translate}</legend>
13<table><tr><td style="padding-right:20px;">
14  {'Template'|@translate}
15</td><td>
16  {html_options name=template options=$template_options selected=$main.template_sel}
17</td></tr>
18<tr><td style="padding-right:20px;">
19  {'New theme to be created'|@translate}
20</td><td>
21  <input type="text" maxlength="8" size="8" name="new_theme" id="new_theme" value="{$main.newtheme}" />
22</td></tr>
23</table>
24</fieldset>
25
26<script type="text/javascript">
27  $(document).ready(function() {ldelim}
28    $('#demo').hide();
29    var f = $.farbtastic('#picker');
30    var p = $('#picker').css('opacity', 1);
31    var selected;
32    $('.colorwell')
33      .each(function () {ldelim} f.linkTo(this); $(this).css('opacity', 0.50); })
34      .focus(function() {ldelim}
35        if (selected) {ldelim}
36          $(selected).css('opacity', 0.90).removeClass('colorwell-selected');
37        }
38        f.linkTo(this);
39        p.css('opacity', 1);
40        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
41      });
42  });
43</script>
44
45<fieldset>
46        <legend>{'Colours selection'|@translate}</legend>
47<table>
48<tr><td style="padding-right:20px;">
49  {'Main background'|@translate} 
50</td><td>
51  <input type="text" id="color1" name="color1" class="colorwell" value="{$main.color1}" />
52</td><td rowspan="5" style="padding-left:80px;">
53<div id="picker" style="float: right;"></div>
54</td>
55</tr><tr><td style="padding-right:20px;">
56  {'Default text'|@translate}
57</td><td>
58  <input type="text" id="color2" name="color2" class="colorwell" value="{$main.color2}" />
59</td></tr><tr><td style="padding-right:20px;">
60  {'Internal links'|@translate}
61</td><td>
62  <input type="text" id="color3" name="color3" class="colorwell" value="{$main.color3}" />
63</td></tr><tr><td style="padding-right:20px;">
64        {'Hover links'|@translate}
65</td><td>
66  <input type="text" id="color4" name="color4" class="colorwell" value="{$main.color4}" />
67</td></tr><tr><td style="padding-right:20px;">
68  {'External links'|@translate}
69</td><td>
70  <input type="text" id="color5" name="color5" class="colorwell" value="{$main.color5}" />
71</td></tr>
72</table>
73</fieldset>
74
75<fieldset>
76        <legend>{'Header background selection'|@translate}</legend>
77<table>
78  <tr>
79    <td style="padding-right:120px;">
80    <label><input class="radio" type="radio" value="off" name="background"
81    {if ($main.background == 'off')} checked="checked" {/if}/>
82      {'No picture'|@translate}</label> {* No / 24H Random public picture / Fixed URL *}
83    </td>
84    <td colspan="2"></td>
85  </tr>
86
87  <tr>
88    <td style="padding-right:120px;">
89    <label>    <input class="radio" type="radio" value="random" name="background"
90    {if ($main.background == 'random')} checked="checked" {/if}/>
91      {'Random source'|@translate}</label>
92    </td>
93    <td colspan="2">
94      {html_options style="margin: 0 0 0 10px;" name=src_category options=$src_category selected=$main.src_category}
95    </td>
96  </tr>
97
98
99  <tr>
100    <td style="padding-right:120px;">
101    <label>    <input class="radio" type="radio" value="fixed" name="background"
102    {if ($main.background == 'fixed')} checked="checked" {/if}/>
103      {'Fixed path'|@translate}</label>
104    </td>
105    <td colspan="2">
106      <input style="margin: 0 0 0 10px;" type="text" maxlength="255" size="70" name="picture_url" id="picture_url" value="{$main.picture_url}" />
107    </td>
108  </tr>
109
110  <tr>
111    <td style="padding-right:20px;">
112    &nbsp;
113    </td><td colspan="2"  style="padding-left:20px;">
114      <label style="padding-right:50px;">
115        <input type="checkbox" name="colorize" {if ($main.colorize)}checked="checked"{/if} />
116        {'Colorize'|@translate} {* Colorize / Enhance Brightness / Reduce contrast *}
117      </label>
118      <label style="padding-right:50px;">
119        <input type="checkbox" name="brightness" {if ($main.brightness)}checked="checked"{/if} />
120        {'Enhance brightness'|@translate}
121      </label>
122      <label>
123        <input type="checkbox" name="contrast" {if ($main.contrast)}checked="checked"{/if} />
124        {'Reduce contrast'|@translate}
125      </label>
126    </td>
127  </tr>
128 
129  <tr>
130    <td style="padding-right:5px; text-align: right;">
131      {'Width limit in pixels'|@translate}
132    </td><td colspan="2">
133      <input style="margin: 0 10px 0 50px;" type="text" maxlength="5" size="8" name="picture_width" id="picture_width" value="{$main.picture_width}" />
134     x
135      <input style="margin: 0 50px 0 10px;" type="text" maxlength="5" size="8" name="picture_height" id="picture_height" value="{$main.picture_height}" />
136      {'(Height limit in pixels)'|@translate}
137    </td>
138  </tr>
139
140  <tr>
141    <td style="padding-right:5px; text-align: right;">
142      {'Display mode'|@translate} {* As is / truncated / resized *}
143    </td><td colspan="2">
144      {html_radios name='background_mode' class="radio" options=$background_mode_options selected=$main.background_mode}
145    </td>
146  </tr>
147</table>
148</fieldset>
149
150<p>
151<input name="reset" class="submit" type="submit" value="{'Reset'|@translate}" style="margin-right:250px;" /> &nbsp;
152<input name="submit" class="submit" type="submit" value="{'Generate'|@translate}" style="margin-right:50px;" /> &nbsp;
153<input name="simulate" class="submit" type="submit" value="{'Simulate'|@translate}" />
154</p>
155</form>
156<fieldset>
157        <legend>{'Just a yoga preview...'|@translate}</legend>
158<div style="background-color:{$main.color1}; width: 600px; overflow: hidden; margin: 5px auto 5px auto;
159font-family:Univers,Helvetica,Optima,'Bitstream Vera Sans',sans-serif;">
160  {* Preview header *}<div style="width: 600px; height: 80px; overflow: hidden;">
161    {if ($main.background=='fixed')}
162    <img src="{$main.templatedir}/header.jpg">
163    <h2 style="position:relative;color:{$main.color2};top:-75px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"Fixed header" preview'|@translate}</h2>
164    {/if}
165    {if ($main.background=='random')}
166    <img src="{$main.templatedir}/header.jpg">
167    <h2 style="position:relative;color:{$main.color2};top:-75px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"Random header" preview'|@translate}</h2>
168    {/if}
169    {if ($main.background=='off')}
170    <h2 style="position:relative;color:{$main.color2};top:25px;left:5px;text-align:left;margin:0 auto 0 auto;">{'"No header" preview'|@translate}</h2>
171    {/if}
172    </div>
173  {* Preview menubar *}<div style="border:1px solid {$main.color3}; margin:2px 4px 0px 2px;
174text-decoration:none; width: 120px; display:inline; background-color:{$main.color6};
175float:left; padding:0pt; text-align:left; color:{$main.color2}; font-size:1em;">
176    <dl style="margin: 0;">
177      <dt style="background-image:url({$main.templatedir}/stc.png); text-align: center; height:18px;
178font-weight:bold; font-style:normal; color:{$main.color3}; padding: 6px 0 0 0;">{'Preview'|@translate}</dt>
179      <dd>
180        <ul style="padding-left: 14px; font-size: 0.9em;">
181          <li><a style="color:{$main.color3}; border:0;">{'Preview'|@translate}</a></li>
182          <li>...</li>
183        </ul>
184        <p style="font-size: 0.9em;">{'Preview'|@translate}</p>
185      </dd>
186    </dl>
187  </div>
188  {* Preview content *}<div style="border:1px solid {$main.color3}; padding:0px;
189background-color:{$main.color6}; margin: 2px 2px 0 132px; color:{$main.color2}; font-size:1em; width:462px;">
190<h2 style="background-image:url({$main.templatedir}/stc.png); display:block; padding: 6px 0 0 20px;
191font-size:1em; height:18px; letter-spacing:-1px; margin:0; position:relative; text-align: left;
192font-style:normal; color:{$main.color2}; width: 442px; font-weight: normal;">{'home'|@translate}</h2>
193  <ul style="padding-left:4px; padding-right:130px;">
194    <li style="list-style:none;">
195      <div style="border:1px solid {$main.color3}; margin:3px; padding:2px 0px 0px 2px;">
196        <div style="width:114px; float:left; margin:2px 0pt 0pt 2px; text-align:left; color:{$main.color1};">
197          <a style="border:0;">
198          <img title="{'Preview'|@translate}" alt="{'Preview'|@translate}" src="{$main.templatedir}/header.jpg" style="width: 106px; height: 80px;"/>
199          </a>
200        </div>
201        <div style="height:94px; font-size:90%; overflow:hidden;">
202          <h3 style="background-image:url({$main.templatedir}/stc.png); text-align:center; height: 14px; margin-right: 0px; margin-bottom: 0px; line-height: 7px;">
203          <a style="font-size: 10px; font-style:normal; border:0;">{'Preview'|@translate}</a>
204          </h3>
205          <p style="">{'Preview'|@translate}</p>
206          <p/>
207        </div>
208      </div>
209    </li>
210  </ul>
211  </div>
212</div>
213<span style='display:block;font-style:italic;color:#777;text-align:right;margin-right:25px;'>
214{'...to get an idea of the expected result. Preview is based on yoga-like template only.'|@translate}</span>
215</fieldset>
Note: See TracBrowser for help on using the repository browser.