source: extensions/Flash_Gallery/modules/FlashGallery/admin/config.tpl @ 3531

<br>
<div id="colorpicker" style="float: right;"></div>      
<table>

        <tr>
                <td colspan="4" align="center"><label>{'FlashGy_options_label'|@translate}</label>
                </td>
        </tr>

        <tr>
                <td>{'FlashGy_option_label'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="FlashGy_text_visible" {$FlashGy_text_visible}/>&nbsp;{'FlashGy_text_visible'|@translate}
                                                <br/><input type="checkbox" name="FlashGy_fullscreen_visible" {$FlashGy_fullscreen_visible}/>&nbsp;{'FlashGy_fullscreen_visible'|@translate}

                </td>
        </tr>

        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="2" align="left"><label>{'FlashGy_color_label'|@translate}</label>
                </td>
        </tr>

        
        <tr>
                <td>{'FlashGy_thumb_bg_color'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_thumb_bg_color" class="colorwell" value="{$FlashGy_thumb_bg_color}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_thumb_bg_over'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_thumb_bg_over" class="colorwell" value="{$FlashGy_thumb_bg_over}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_scroll_but_bg'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_scroll_but_bg" class="colorwell" value="{$FlashGy_scroll_but_bg}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_scroll_but_arrow'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_scroll_but_arrow" class="colorwell" value="{$FlashGy_scroll_but_arrow}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_scroll_but_bg_over'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_scroll_but_bg_over" class="colorwell" value="{$FlashGy_scroll_but_bg_over}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_scroll_but_arrow_over'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_scroll_but_arrow_over" class="colorwell" value="{$FlashGy_scroll_but_arrow_over}" /></td>
        </tr>
        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="2" align="left"><label>{'FlashGy_color1_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'FlashGy_big_pic_border'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_big_pic_border" class="colorwell" value="{$FlashGy_big_pic_border}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_next_pic_bg'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_next_pic_bg" class="colorwell" value="{$FlashGy_next_pic_bg}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_next_pic_arrow'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_next_pic_arrow" class="colorwell" value="{$FlashGy_next_pic_arrow}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_next_pic_bg_over'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_next_pic_bg_over" class="colorwell" value="{$FlashGy_next_pic_bg_over}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_next_pic_arrow_over'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_next_pic_arrow_over" class="colorwell" value="{$FlashGy_next_pic_arrow_over}" /></td>
        </tr>
        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="2" align="left"><label>{'FlashGy_color2_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'FlashGy_background_color'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_background_color" class="colorwell" value="{$FlashGy_background_color}" /></td>
        </tr>
        <tr>
                <td>{'FlashGy_text_color'|@translate}</td>
                <td  colspan="2"><input type="text" size="7" maxlength="7" name="FlashGy_text_color" class="colorwell" value="{$FlashGy_text_color}" /></td>
        </tr>

        
</table>

{literal}

<script type="text/javascript" charset="utf-8">
 $(document).ready(function() {
     var f = $.farbtastic('#colorpicker');
     var selected;
     $('.colorwell')
       .each(function () { f.linkTo(this);  })
       .focus(function() {
        f.linkTo(this);

       });
  });
</script>
{/literal}