source: extensions/Flash_Gallery/modules/PostCardViewer/admin/config.tpl

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

        <tr>
                <td colspan="3" align="left"><label>{'PV_options_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'PV_cellDimension'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="PV_cellDimension" value="{$PV_cellDimension}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'PV_columns'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="PV_columns" value="{$PV_columns}" /></td>
        </tr>
        <tr>
                <td>{'PV_zoomOutPerc'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="PV_zoomOutPerc" value="{$PV_zoomOutPerc}" />&nbsp;%</td>
        </tr>
        <tr>
                <td>{'PV_zoomInPerc'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="PV_zoomInPerc" value="{$PV_zoomInPerc}" />&nbsp;%</td>
        </tr>
        <tr>
                <td>{'PV_frameWidth'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="PV_frameWidth" value="{$PV_frameWidth}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'PV_frameColor'|@translate}</td>                   
                <td colspan="2"><input type="text" size="7" maxlength="7" name="PV_frameColor" class="colorwell" value="{$PV_frameColor}" /></td>
        </tr>
        <tr>
                <td>{'PV_captionColor'|@translate}</td>                 
                <td colspan="2"><input type="text" size="7" maxlength="7" name="PV_captionColor" class="colorwell" value="{$PV_captionColor}" /></td>
        </tr>
    <tr>
                <td>{'PV_enableRightClickOpen'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="PV_enableRightClickOpen" {$PV_enableRightClickOpen}/></td>
        </tr>
        <tr>
                <td>{'PV_langOpenImage'|@translate}</td>
                <td colspan="2"><input type="text" size="40" maxlength="40" name="PV_langOpenImage" value="{$PV_langOpenImage}" /></td>
        </tr>
        <tr>
                <td>{'PV_langAbout'|@translate}</td>
                <td colspan="2"><input type="text" size="40" maxlength="40" name="PV_langAbout" value="{$PV_langAbout}" /></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}