| 1 | <h1 id="[h1]"><l10n>Insert Image</l10n></h1> |
|---|
| 2 | <!--- new stuff ---> |
|---|
| 3 | <form action="" method="get" style="padding-top:10px" id="[inputs]"> |
|---|
| 4 | <input type="hidden" name="[f_base]" id="[f_base]"/> |
|---|
| 5 | <table border="0" width="95%" style="padding: 0px; margin: 0px"> |
|---|
| 6 | <tbody> |
|---|
| 7 | |
|---|
| 8 | <tr> |
|---|
| 9 | <td style="width: 7em; text-align: right"><l10n>Image URL:</l10n></td> |
|---|
| 10 | <td><input type="text" name="[f_url]" id="[f_url]" style="width:75%" |
|---|
| 11 | title="_(Enter the image URL here)" /> |
|---|
| 12 | <button id="[preview]" title="_(Preview the image in a new window)"><l10n>Preview</l10n></button> |
|---|
| 13 | </td> |
|---|
| 14 | </tr> |
|---|
| 15 | <tr> |
|---|
| 16 | <td style="width: 7em; text-align: right"><l10n>Alternate text:</l10n></td> |
|---|
| 17 | <td><input type="text" name="[f_alt]" id="[f_alt]" style="width:100%" |
|---|
| 18 | title="_(For browsers that don't support images)" /></td> |
|---|
| 19 | </tr> |
|---|
| 20 | |
|---|
| 21 | </tbody> |
|---|
| 22 | </table> |
|---|
| 23 | |
|---|
| 24 | <br /> |
|---|
| 25 | |
|---|
| 26 | <fieldset style="float: left; margin-left: 5px;"> |
|---|
| 27 | <legend><l10n>Layout</l10n></legend> |
|---|
| 28 | |
|---|
| 29 | <div class="space"></div> |
|---|
| 30 | |
|---|
| 31 | <div class="fl"><l10n>Alignment:</l10n></div> |
|---|
| 32 | <select size="1" name="[f_align]" id="[f_align]" |
|---|
| 33 | title="_(Positioning of this image)"> |
|---|
| 34 | <option value="" ><l10n>Not set</l10n></option> |
|---|
| 35 | <option value="left" ><l10n>Left</l10n></option> |
|---|
| 36 | <option value="right" ><l10n>Right</l10n></option> |
|---|
| 37 | <option value="texttop" ><l10n>Texttop</l10n></option> |
|---|
| 38 | <option value="absmiddle" ><l10n>Absmiddle</l10n></option> |
|---|
| 39 | <option value="baseline" ><l10n>Baseline</l10n></option> |
|---|
| 40 | <option value="absbottom" ><l10n>Absbottom</l10n></option> |
|---|
| 41 | <option value="bottom" ><l10n>Bottom</l10n></option> |
|---|
| 42 | <option value="middle" ><l10n>Middle</l10n></option> |
|---|
| 43 | <option value="top" ><l10n>Top</l10n></option> |
|---|
| 44 | </select> |
|---|
| 45 | |
|---|
| 46 | <br /> |
|---|
| 47 | |
|---|
| 48 | <div class="fl"><l10n>Border thickness:</l10n></div> |
|---|
| 49 | <input type="text" name="[f_border]" id="[f_border]" size="5" |
|---|
| 50 | title="_(Leave empty for no border)" /> |
|---|
| 51 | |
|---|
| 52 | <div class="space"></div> |
|---|
| 53 | |
|---|
| 54 | </fieldset> |
|---|
| 55 | |
|---|
| 56 | <fieldset> |
|---|
| 57 | <legend><l10n>Spacing</l10n></legend> |
|---|
| 58 | |
|---|
| 59 | <div class="space"></div> |
|---|
| 60 | |
|---|
| 61 | <div class="fr"><l10n>Horizontal:</l10n></div> |
|---|
| 62 | <input type="text" name="[f_horiz]" id="[f_horiz]" size="5" |
|---|
| 63 | title="_(Horizontal padding)" /> |
|---|
| 64 | |
|---|
| 65 | <br /> |
|---|
| 66 | |
|---|
| 67 | <div class="fr"><l10n>Vertical:</l10n></div> |
|---|
| 68 | <input type="text" name="[f_vert]" id="[f_vert]" size="5" |
|---|
| 69 | title="_(Vertical padding)" /> |
|---|
| 70 | |
|---|
| 71 | <div class="space"></div> |
|---|
| 72 | |
|---|
| 73 | </fieldset> |
|---|
| 74 | </form> |
|---|
| 75 | <div> |
|---|
| 76 | <l10n>Image Preview:</l10n><br /> |
|---|
| 77 | <iframe id="[ipreview]" frameborder="0" style="border : 1px solid gray;" |
|---|
| 78 | height="200" width="100%" src="about:blank"></iframe> |
|---|
| 79 | </div> |
|---|
| 80 | |
|---|
| 81 | <div class="buttons" id="[buttons]"> |
|---|
| 82 | <input type="button" id="[ok]" value="_(OK)" /> |
|---|
| 83 | <input type="button" id="[cancel]" value="_(Cancel)" /> |
|---|
| 84 | </div> |
|---|
