source: extensions/Float/admin/admin.tpl @ 19025

{html_head}
        <script type="text/javascript" src="themes/Float/admin/js/farbtastic.js" ></script>
        <script type="text/javascript" src="themes/default/js/ui/minified/jquery.ui.slider.min.js"></script>

    <link rel="stylesheet" href="themes/Float/admin/theme.css" />
{/html_head}
        
        
        
<div class="titrePage">
<h2>Float</h2>
</div>

<form action="" method="post">

<fieldset>
        <legend>{'Color of theme'|@translate}</legend>
          <div id="textcolor">
          <div class="form-item"><label>Background color:</label><input type="text" name="bg_float" class="colorwell" value="{$selected_bg_float}" /></div>
          <div class="form-item"><label>Color picture of cardre:</label><input type="text" name="bd_float" class="colorwell" value="{$selected_bd_float}" /></div>
          <div class="form-item"><label>Color title:</label><input type="text" name="title_float" class="colorwell" value="{$selected_title_float}" /></div>
          <p><input type="submit" name="default" value="{'Default'|@translate}" ></p>
          </div>

          <div id="picker"></div>
</fieldset>  
{footer_script}{literal}
  $(document).ready(function() {
    var f = $.farbtastic('#picker');
    var p = $('#picker').css('opacity', 1);
    var selected;
    $('.colorwell')
      .each(function () { f.linkTo(this); $(this).css('opacity', 1); })
      .focus(function() {
        if (selected) {
          $(selected).css('opacity', 1).removeClass('colorwell-selected');
        }
        f.linkTo(this);
        p.css('opacity', 1);
        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
      });
  });
{/literal}{/footer_script}
<p><input type="submit" name="submit" value="{'Submit'|@translate}">
</form>