| 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_error { |
|---|
| 28 | border-color: #ff7070; |
|---|
| 29 | background-color: #FFe5e5 |
|---|
| 30 | } |
|---|
| 31 | |
|---|
| 32 | .media_icon_error_description { |
|---|
| 33 | background-color: red; |
|---|
| 34 | color: white; |
|---|
| 35 | padding: 0 5px; |
|---|
| 36 | border-radius: 10px; |
|---|
| 37 | font-weight: bold; |
|---|
| 38 | cursor: help; |
|---|
| 39 | } |
|---|
| 40 | </style> |
|---|
| 41 | {/literal}{/html_head} |
|---|
| 42 | |
|---|
| 43 | <div class="titrePage"> |
|---|
| 44 | <h2>{'Media Icon Plugin'|@translate}</h2> |
|---|
| 45 | </div> |
|---|
| 46 | |
|---|
| 47 | <form method="post" action="" class="properties" ENCTYPE="multipart/form-data"> |
|---|
| 48 | <fieldset> |
|---|
| 49 | <legend>{'Position'|@translate}</legend> |
|---|
| 50 | <div id="media_icon_position_box"> |
|---|
| 51 | <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> |
|---|
| 52 | <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> |
|---|
| 53 | <br /><br /><br /> |
|---|
| 54 | <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> |
|---|
| 55 | <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> |
|---|
| 56 | </div> |
|---|
| 57 | </fieldset> |
|---|
| 58 | |
|---|
| 59 | <fieldset> |
|---|
| 60 | <legend>{'Opacity'|@translate}</legend> |
|---|
| 61 | <label>{'Opacity'|@translate}</label> |
|---|
| 62 | <input size="3" maxlength="3" type="text" name="media_icon[opacity]" value="{$media_icon_advanced.opacity}"{if isset($media_icon_errors.opacity)} class="media_icon_error"{/if}> % |
|---|
| 63 | {if isset($media_icon_errors.opacity)}<span class="media_icon_error_description" title="{$media_icon_errors.opacity}">!</span>{/if} |
|---|
| 64 | </fieldset> |
|---|
| 65 | |
|---|
| 66 | <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit"/></p> |
|---|
| 67 | |
|---|
| 68 | <fieldset> |
|---|
| 69 | <legend>{'Result'|@translate}</legend> |
|---|
| 70 | <div class="media_icon_bold_center"> |
|---|
| 71 | <a href="#"><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> |
|---|
| 72 | <a href="#"><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> |
|---|
| 73 | </div> |
|---|
| 74 | </fieldset> |
|---|
| 75 | </form> |
|---|
