1 | <br> |
---|
2 | <div id="colorpicker" style="float: right;"></div> |
---|
3 | <table> |
---|
4 | |
---|
5 | <tr> |
---|
6 | <td colspan="4" align="center"><label>{'ArtG_options_label'|@translate}</label> |
---|
7 | </td> |
---|
8 | </tr> |
---|
9 | |
---|
10 | <tr><td colspan="4"><hr></td></tr> |
---|
11 | |
---|
12 | <tr> |
---|
13 | <td colspan="4" align="left"><label>{'ArtG_option_button_label'|@translate}</label> |
---|
14 | </td> |
---|
15 | </tr> |
---|
16 | <tr> |
---|
17 | <td>{'ArtG_button_label'|@translate}</td> |
---|
18 | <td colspan="3"><input type="checkbox" name="ArtG_fullScreenButton" {$ArtG_fullScreenButton}/> {'ArtG_fullScreenButton'|@translate} |
---|
19 | <br/><input type="checkbox" name="ArtG_navigationButtons" {$ArtG_navigationButtons}/> {'ArtG_navigationButtons'|@translate} |
---|
20 | <br/><input type="checkbox" name="ArtG_slideshowButton" {$ArtG_slideshowButton}/> {'ArtG_slideshowButton'|@translate} |
---|
21 | |
---|
22 | </td> |
---|
23 | </tr> |
---|
24 | |
---|
25 | <tr><td colspan="4"><hr></td></tr> |
---|
26 | <tr> |
---|
27 | <td colspan="4" align="left"><label>{'ArtG_option_image_label'|@translate}</label> |
---|
28 | </td> |
---|
29 | </tr> |
---|
30 | |
---|
31 | |
---|
32 | <tr> |
---|
33 | <td> </td> |
---|
34 | <td align="center">{'ArtG_Imagealign'|@translate}</label></td> |
---|
35 | <td align="center">{'ArtG_ImagescaleMode'|@translate}</td> |
---|
36 | <td align="center">{'ArtG_ImagetransitionEffect'|@translate}</td> |
---|
37 | </tr> |
---|
38 | <tr> |
---|
39 | <td>{'ArtG_image_options'|@translate}</td> |
---|
40 | <td> |
---|
41 | <select id="ArtG_Imagealign" name="ArtG_Imagealign"> |
---|
42 | {foreach from=$ArtG_Imagealign item=ArtG_Imagealign} |
---|
43 | <option value="{$ArtG_Imagealign.ID}" {$ArtG_Imagealign.SELECTED}>{$ArtG_Imagealign.NAME}</option> |
---|
44 | {/foreach} |
---|
45 | </select> |
---|
46 | </td> |
---|
47 | <td> |
---|
48 | <select id="ArtG_ImagescaleMode" name="ArtG_ImagescaleMode"> |
---|
49 | {foreach from=$ArtG_ImagescaleMode item=ArtG_ImagescaleMode} |
---|
50 | <option value="{$ArtG_ImagescaleMode.ID}" {$ArtG_ImagescaleMode.SELECTED}>{$ArtG_ImagescaleMode.NAME}</option> |
---|
51 | {/foreach} |
---|
52 | </select> |
---|
53 | </td> |
---|
54 | <td> |
---|
55 | <select id="ArtG_ImagetransitionEffect" name="ArtG_ImagetransitionEffect"> |
---|
56 | {foreach from=$ArtG_ImagetransitionEffect item=ArtG_ImagetransitionEffect} |
---|
57 | <option value="{$ArtG_ImagetransitionEffect.ID}" {$ArtG_ImagetransitionEffect.SELECTED}>{$ArtG_ImagetransitionEffect.NAME}</option> |
---|
58 | {/foreach} |
---|
59 | </select> |
---|
60 | </td> |
---|
61 | </tr> |
---|
62 | |
---|
63 | <tr> |
---|
64 | <td>{'ArtG_ImagecornerRadius'|@translate}</td> |
---|
65 | <td><input type="text" size="2" maxlength="2" name="ArtG_ImagecornerRadius" value="{$ArtG_ImagecornerRadius}" /> </td> |
---|
66 | <td colspan="2"><input type="checkbox" name="ArtG_ImageuseShadow" {$ArtG_ImageuseShadow}/> {'ArtG_ImageuseShadow'|@translate}</td> |
---|
67 | </tr> |
---|
68 | |
---|
69 | <tr><td colspan="4"><hr></td></tr> |
---|
70 | <tr> |
---|
71 | <td colspan="4" align="left"><label>{'ArtG_option_thumbnail_label'|@translate}</label> |
---|
72 | </td> |
---|
73 | </tr> |
---|
74 | |
---|
75 | <tr> |
---|
76 | <td> </td> |
---|
77 | <td align="center">{'ArtG_Thumbnailwidth'|@translate}</label></td> |
---|
78 | <td align="center">{'ArtG_Thumbnailheight'|@translate}</td> |
---|
79 | <td align="center">{'ArtG_ThumbnailcornerRadius'|@translate}</td> |
---|
80 | <td> </td> |
---|
81 | </tr> |
---|
82 | <tr> |
---|
83 | <td>{'ArtG_thumbnail'|@translate}</td> |
---|
84 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailwidth" value="{$ArtG_Thumbnailwidth}" /></td> |
---|
85 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailheight" value="{$ArtG_Thumbnailheight}" /></td> |
---|
86 | <td align="center"><input type="text" size="2" maxlength="2" name="ArtG_ThumbnailcornerRadius" value="{$ArtG_ThumbnailcornerRadius}" /> </td> |
---|
87 | </tr> |
---|
88 | <tr> |
---|
89 | <td>{'ArtG_Thumbnailalpha'|@translate}</td> |
---|
90 | <td><input type="text" size="3" maxlength="3" name="ArtG_Thumbnailalpha" value="{$ArtG_Thumbnailalpha}" /> </td> |
---|
91 | <td><input type="checkbox" name="ArtG_ThumbnailuseShadow" {$ArtG_ThumbnailuseShadow}/> {'ArtG_ThumbnailuseShadow'|@translate}</td> |
---|
92 | <td><input type="checkbox" name="ArtG_ThumbnailusePreview" {$ArtG_ThumbnailusePreview}/> {'ArtG_ThumbnailusePreview'|@translate}</td> |
---|
93 | </tr> |
---|
94 | |
---|
95 | <tr> |
---|
96 | <td> </td> |
---|
97 | <td align="center">{'ArtG_ThumbnailoutlineColor'|@translate}</label></td> |
---|
98 | <td align="center">{'ArtG_ThumbnailoutlineColorOnRollOver'|@translate}</td> |
---|
99 | <td align="center">{'ArtG_ThumbnailoutlineColorOnClick'|@translate}</td> |
---|
100 | </tr> |
---|
101 | <tr> |
---|
102 | <td>{'ArtG_thumbnail_color'|@translate}</td> |
---|
103 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColor" class="colorwell" value="{$ArtG_ThumbnailoutlineColor}" /></td> |
---|
104 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColorOnRollOver" class="colorwell" value="{$ArtG_ThumbnailoutlineColorOnRollOver}" /></td> |
---|
105 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_ThumbnailoutlineColorOnClick" class="colorwell" value="{$ArtG_ThumbnailoutlineColorOnClick}" /></td> |
---|
106 | </tr> |
---|
107 | |
---|
108 | |
---|
109 | <tr><td colspan="4"><hr></td></tr> |
---|
110 | <tr> |
---|
111 | <td colspan="4" align="left"><label>{'ArtG_option_thumbbar_label'|@translate}</label> |
---|
112 | </td> |
---|
113 | </tr> |
---|
114 | |
---|
115 | <tr> |
---|
116 | <td>{'ArtG_Thumbbarposition'|@translate}</td> |
---|
117 | <td> |
---|
118 | <select id="ArtG_Thumbbarposition" name="ArtG_Thumbbarposition"> |
---|
119 | {foreach from=$ArtG_Thumbbarposition item=ArtG_Thumbbarposition} |
---|
120 | <option value="{$ArtG_Thumbbarposition.ID}" {$ArtG_Thumbbarposition.SELECTED}>{$ArtG_Thumbbarposition.NAME}</option> |
---|
121 | {/foreach} |
---|
122 | </select> |
---|
123 | </td> |
---|
124 | <td>{'ArtG_ThumbbarscrollSpeed'|@translate}</td> |
---|
125 | <td><input type="text" size="2" maxlength="2" name="ArtG_ThumbbarscrollSpeed" value="{$ArtG_ThumbbarscrollSpeed}" /> </td> |
---|
126 | </tr> |
---|
127 | <tr><td colspan="4"><hr></td></tr> |
---|
128 | <tr> |
---|
129 | <td colspan="4" align="left"><label>{'ArtG_option_caption_label'|@translate}</label> |
---|
130 | </td> |
---|
131 | </tr> |
---|
132 | |
---|
133 | <tr> |
---|
134 | <td>{'ArtG_Captionposition'|@translate}</td> |
---|
135 | <td> |
---|
136 | <select id="ArtG_Captionposition" name="ArtG_Captionposition"> |
---|
137 | {foreach from=$ArtG_Captionposition item=ArtG_Captionposition} |
---|
138 | <option value="{$ArtG_Captionposition.ID}" {$ArtG_Captionposition.SELECTED}>{$ArtG_Captionposition.NAME}</option> |
---|
139 | {/foreach} |
---|
140 | </select> |
---|
141 | </td> |
---|
142 | <td>{'ArtG_CaptionbgAlpha'|@translate}</td> |
---|
143 | <td><input type="text" size="3" maxlength="3" name="ArtG_CaptionbgAlpha" value="{$ArtG_CaptionbgAlpha}" /> </td> |
---|
144 | </tr> |
---|
145 | |
---|
146 | <tr> |
---|
147 | <td> </td> |
---|
148 | <td align="center">{'ArtG_Captioncolor'|@translate}</label></td> |
---|
149 | <td align="center">{'ArtG_CaptionbgColor'|@translate}</td> |
---|
150 | <td> </td> |
---|
151 | </tr> |
---|
152 | <tr> |
---|
153 | <td>{'ArtG_Captioncolor'|@translate}</td> |
---|
154 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_Captioncolor" class="colorwell" value="{$ArtG_Captioncolor}" /></td> |
---|
155 | <td align="center"><input type="text" size="7" maxlength="7" name="ArtG_CaptionbgColor" class="colorwell" value="{$ArtG_CaptionbgColor}" /></td> |
---|
156 | <td> </td> |
---|
157 | </tr> |
---|
158 | |
---|
159 | <tr> |
---|
160 | <td>{'ArtG_CaptionfontName'|@translate}</td> |
---|
161 | <td><input type="text" size="15" maxlength="15" name="ArtG_CaptionfontName" value="{$ArtG_CaptionfontName}" /> </td> |
---|
162 | <td>{'ArtG_CaptionfontSize'|@translate}</td> |
---|
163 | <td><input type="text" size="2" maxlength="2" name="ArtG_CaptionfontSize" value="{$ArtG_CaptionfontSize}" /> </td> |
---|
164 | </tr> |
---|
165 | |
---|
166 | <tr><td colspan="4"><hr></td></tr> |
---|
167 | <tr> |
---|
168 | <td colspan="4" align="left"><label>{'ArtG_option_preloader_label'|@translate}</label> |
---|
169 | </td> |
---|
170 | </tr> |
---|
171 | |
---|
172 | <tr> |
---|
173 | <td>{'ArtG_Preloaderalpha'|@translate}</td> |
---|
174 | <td><input type="text" size="3" maxlength="3" name="ArtG_Preloaderalpha" value="{$ArtG_Preloaderalpha}" /> </td> |
---|
175 | <td colspan="2"><input type="checkbox" name="ArtG_PreloaderusePreloader" {$ArtG_PreloaderusePreloader}/> {'ArtG_PreloaderusePreloader'|@translate}</td> |
---|
176 | </tr> |
---|
177 | |
---|
178 | |
---|
179 | <tr><td colspan="4"><hr></td></tr> |
---|
180 | <tr> |
---|
181 | <td colspan="4" align="left"><label>{'ArtG_option_preview_label'|@translate}</label> |
---|
182 | </td> |
---|
183 | </tr> |
---|
184 | <tr> |
---|
185 | <td> </td> |
---|
186 | <td align="center">{'ArtG_Previewwidth'|@translate}</label></td> |
---|
187 | <td align="center">{'ArtG_Previewheight'|@translate}</td> |
---|
188 | <td align="center">{'ArtG_PreviewcornerRadius'|@translate}</td> |
---|
189 | </tr> |
---|
190 | <tr> |
---|
191 | <td>{'ArtG_preview'|@translate}</td> |
---|
192 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Previewwidth" value="{$ArtG_Previewwidth}" /></td> |
---|
193 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_Previewheight" value="{$ArtG_Previewheight}" /></td> |
---|
194 | <td align="center"><input type="text" size="3" maxlength="3" name="ArtG_PreviewcornerRadius" value="{$ArtG_PreviewcornerRadius}" /> </td> |
---|
195 | </tr> |
---|
196 | <tr> |
---|
197 | <td>{'ArtG_Previewalpha'|@translate}</td> |
---|
198 | <td><input type="text" size="3" maxlength="3" name="ArtG_Previewalpha" value="{$ArtG_Previewalpha}" /> </td> |
---|
199 | <td colspan="2"><input type="checkbox" name="ArtG_PreviewuseShadow" {$ArtG_PreviewuseShadow}/> {'ArtG_PreviewuseShadow'|@translate}</td> |
---|
200 | </tr> |
---|
201 | <tr> |
---|
202 | <td>{'ArtG_PreviewoutlineColor'|@translate}</td> |
---|
203 | <td colspan="3"><input type="text" size="7" maxlength="7" name="ArtG_PreviewoutlineColor" class="colorwell" value="{$ArtG_PreviewoutlineColor}" /></td> |
---|
204 | </tr> |
---|
205 | |
---|
206 | <tr><td colspan="4"><hr></td></tr> |
---|
207 | <tr> |
---|
208 | <td colspan="4" align="left"><label>{'ArtG_option_slideshow_label'|@translate}</label> |
---|
209 | </td> |
---|
210 | </tr> |
---|
211 | <tr> |
---|
212 | <td> </td> |
---|
213 | <td align="center">{'ArtG_Slideshowstart'|@translate}</label></td> |
---|
214 | <td align="center">{'ArtG_Slideshowloop'|@translate}</td> |
---|
215 | <td align="center">{'ArtG_SlideshowstopAutoOnClick'|@translate}</td> |
---|
216 | </tr> |
---|
217 | <tr> |
---|
218 | <td>{'ArtG_slideshow_options'|@translate}</td> |
---|
219 | <td align="center"><input type="checkbox" name="ArtG_Slideshowstart" {$ArtG_Slideshowstart}/></td> |
---|
220 | <td align="center"><input type="checkbox" name="ArtG_Slideshowloop" {$ArtG_Slideshowloop}/></td> |
---|
221 | <td align="center"><input type="checkbox" name="ArtG_SlideshowstopAutoOnClick" {$ArtG_SlideshowstopAutoOnClick}/></td> |
---|
222 | </tr> |
---|
223 | <tr> |
---|
224 | <td>{'ArtG_Slideshowdelay'|@translate}</td> |
---|
225 | <td colspan="3"><input type="text" size="2" maxlength="2" name="ArtG_Slideshowdelay" value="{$ArtG_Slideshowdelay}" /> </td> |
---|
226 | </tr> |
---|
227 | <tr><td colspan="4"><hr></td></tr> |
---|
228 | <tr> |
---|
229 | <td colspan="4" align="left"><label>{'ArtG_option_Sound_label'|@translate}</label> |
---|
230 | </td> |
---|
231 | </tr> |
---|
232 | <tr> |
---|
233 | <td>{'ArtG_SoundsonRollOver'|@translate} </td> |
---|
234 | <td colspan="3"><input type="text" size="40" maxlength="200" name="ArtG_SoundsonRollOver" value="{$ArtG_SoundsonRollOver}" /></td> |
---|
235 | </tr> |
---|
236 | <tr> |
---|
237 | <td>{'ArtG_SoundonClick'|@translate} </td> |
---|
238 | <td colspan="3"><input type="text" size="40" maxlength="200" name="ArtG_SoundonClick" value="{$ArtG_SoundonClick}" /></td> |
---|
239 | </tr> |
---|
240 | |
---|
241 | |
---|
242 | </table> |
---|
243 | |
---|
244 | {literal} |
---|
245 | |
---|
246 | <script type="text/javascript" charset="utf-8"> |
---|
247 | $(document).ready(function() { |
---|
248 | var f = $.farbtastic('#colorpicker'); |
---|
249 | var selected; |
---|
250 | $('.colorwell') |
---|
251 | .each(function () { f.linkTo(this); }) |
---|
252 | .focus(function() { |
---|
253 | f.linkTo(this); |
---|
254 | |
---|
255 | }); |
---|
256 | }); |
---|
257 | </script> |
---|
258 | {/literal} |
---|
259 | |
---|