[19324] | 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 | |
---|
[19427] | 27 | #media_icon_opacity { |
---|
| 28 | text-align: center; |
---|
| 29 | } |
---|
| 30 | |
---|
[19324] | 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 | } |
---|
[19651] | 44 | |
---|
| 45 | .wrap1 a { |
---|
| 46 | position: relative; |
---|
| 47 | display: block; |
---|
| 48 | } |
---|
[19324] | 49 | </style> |
---|
| 50 | {/literal}{/html_head} |
---|
| 51 | |
---|
| 52 | <div class="titrePage"> |
---|
| 53 | <h2>{'Media Icon Plugin'|@translate}</h2> |
---|
| 54 | </div> |
---|
| 55 | |
---|
| 56 | <form method="post" action="" class="properties" ENCTYPE="multipart/form-data"> |
---|
| 57 | <fieldset> |
---|
| 58 | <legend>{'Position'|@translate}</legend> |
---|
| 59 | <div id="media_icon_position_box"> |
---|
| 60 | <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> |
---|
| 61 | <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> |
---|
| 62 | <br /><br /><br /> |
---|
| 63 | <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> |
---|
| 64 | <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> |
---|
| 65 | </div> |
---|
| 66 | </fieldset> |
---|
| 67 | |
---|
| 68 | <fieldset> |
---|
| 69 | <legend>{'Opacity'|@translate}</legend> |
---|
[19427] | 70 | <div id="media_icon_opacity"> |
---|
| 71 | <label for="media_icon_opacity_input">{'Opacity'|@translate}</label> |
---|
| 72 | <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}> % |
---|
| 73 | {if isset($media_icon_errors.opacity)}<span class="media_icon_error_description" title="{$media_icon_errors.opacity}">!</span>{/if} |
---|
| 74 | </div> |
---|
[19324] | 75 | </fieldset> |
---|
[19392] | 76 | |
---|
[19324] | 77 | <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p> |
---|
[19392] | 78 | |
---|
| 79 | <fieldset> |
---|
| 80 | <legend>{'Result'|@translate}</legend> |
---|
[19651] | 81 | <ul class="thumbnails" id="thumbnails"> |
---|
| 82 | <li> |
---|
| 83 | <span class="wrap1"> |
---|
| 84 | <span class=""> |
---|
| 85 | <a href="#"> |
---|
| 86 | <span class="media_icon media_icon_pdf_{$media_icon_style}"></span> |
---|
| 87 | <img class="thumbnail" media_icon="xxxxxxxxx.pdf" src="{$media_icon_admin_path}admin/img/landscape.png" alt="landscape" title="landscape"> |
---|
| 88 | </a> |
---|
| 89 | </span> |
---|
| 90 | </span> |
---|
| 91 | </li> |
---|
| 92 | <li> |
---|
| 93 | <span class="wrap1"> |
---|
| 94 | <span class=""> |
---|
| 95 | <a href="#"> |
---|
| 96 | <span class="media_icon media_icon_youtube_{$media_icon_style}"></span> |
---|
| 97 | <img class="thumbnail" media_icon="youtube" src="{$media_icon_admin_path}admin/img/portrait.png" alt="portrait" title="portrait"> |
---|
| 98 | </a> |
---|
| 99 | </span> |
---|
| 100 | </span> |
---|
| 101 | </li> |
---|
| 102 | </ul> |
---|
[19392] | 103 | </fieldset> |
---|
[19324] | 104 | </form> |
---|