1 | {html_head}{literal} |
---|
2 | <style type="text/css"> |
---|
3 | #media_icon_position_box { |
---|
4 | border: 2px solid #ccc; |
---|
5 | width: 500px; |
---|
6 | padding: 5px; |
---|
7 | background-color: #e5e5e5; |
---|
8 | position: relative; |
---|
9 | margin: auto; |
---|
10 | } |
---|
11 | |
---|
12 | #media_icon_position_box label { |
---|
13 | font-weight: normal; |
---|
14 | display: block; |
---|
15 | color: #444; |
---|
16 | } |
---|
17 | |
---|
18 | #media_icon_position_box label.middle { |
---|
19 | margin: 50px; |
---|
20 | text-align: center; |
---|
21 | } |
---|
22 | |
---|
23 | #media_icon_position_box label.right { |
---|
24 | float: right; |
---|
25 | } |
---|
26 | |
---|
27 | #media_icon_opacity { |
---|
28 | text-align: center; |
---|
29 | } |
---|
30 | |
---|
31 | .media_icon_error { |
---|
32 | border-color: #ff7070; |
---|
33 | background-color: #FFe5e5 |
---|
34 | } |
---|
35 | |
---|
36 | .media_icon_error_description { |
---|
37 | background-color: red; |
---|
38 | color: white; |
---|
39 | padding: 0 5px; |
---|
40 | border-radius: 10px; |
---|
41 | font-weight: bold; |
---|
42 | cursor: help; |
---|
43 | } |
---|
44 | </style> |
---|
45 | {/literal}{/html_head} |
---|
46 | |
---|
47 | <div class="titrePage"> |
---|
48 | <h2>{'Media Icon Plugin'|@translate}</h2> |
---|
49 | </div> |
---|
50 | |
---|
51 | <form method="post" action="" class="properties" ENCTYPE="multipart/form-data"> |
---|
52 | <fieldset> |
---|
53 | <legend>{'Position'|@translate}</legend> |
---|
54 | <div id="media_icon_position_box"> |
---|
55 | <label class="right">{'Top right corner'|@translate} <input name="media_icon[position]" type="radio" value="topright"{if $media_icon_advanced.position eq 'topright'} checked="checked"{/if}></label> |
---|
56 | <label><input name="media_icon[position]" type="radio" value="topleft"{if $media_icon_advanced.position eq 'topleft'} checked="checked"{/if}> {'Top left corner'|@translate}</label> |
---|
57 | <br /><br /><br /> |
---|
58 | <label class="right">{'Bottom right corner'|@translate} <input name="media_icon[position]" type="radio" value="bottomright"{if $media_icon_advanced.position eq 'bottomright'} checked="checked"{/if}></label> |
---|
59 | <label><input name="media_icon[position]" type="radio" value="bottomleft"{if $media_icon_advanced.position eq 'bottomleft'} checked="checked"{/if}> {'Bottom left corner'|@translate}</label> |
---|
60 | </div> |
---|
61 | </fieldset> |
---|
62 | |
---|
63 | <fieldset> |
---|
64 | <legend>{'Opacity'|@translate}</legend> |
---|
65 | <div id="media_icon_opacity"> |
---|
66 | <label for="media_icon_opacity_input">{'Opacity'|@translate}</label> |
---|
67 | <input size="3" maxlength="3" id="media_icon_opacity_input" type="text" name="media_icon[opacity]" value="{$media_icon_advanced.opacity}"{if isset($media_icon_errors.opacity)} class="media_icon_error"{/if}> % |
---|
68 | {if isset($media_icon_errors.opacity)}<span class="media_icon_error_description" title="{$media_icon_errors.opacity}">!</span>{/if} |
---|
69 | </div> |
---|
70 | </fieldset> |
---|
71 | |
---|
72 | <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p> |
---|
73 | |
---|
74 | <fieldset> |
---|
75 | <legend>{'Result'|@translate}</legend> |
---|
76 | <span style="float: left;"> |
---|
77 | <a href="#" style="position: absolute; clip: rect(0px, 323px, 200px, 0px);"><span class="media_icon media_icon_pdf_{$media_icon_style}"></span><img class="thumbnail" alt="landscape" src="{$media_icon_admin_path}plugins/media_icon/admin/img/landscape.png" width="323" height="200" /></a> |
---|
78 | </span> |
---|
79 | <span style="float: left; margin-left: 333px;"> |
---|
80 | <a href="#" style="position: absolute; clip: rect(0px, 150px, 200px, 0px);"><span class="media_icon media_icon_youtube_{$media_icon_style}"></span><img class="thumbnail" alt="portrait" src="{$media_icon_admin_path}plugins/media_icon/admin/img/portrait.png" width="150" height="200" /></a> |
---|
81 | </span> |
---|
82 | <span class="media_icon_clear"></span> |
---|
83 | </fieldset> |
---|
84 | </form> |
---|