source: extensions/LLGBO2/admin/tooltip.tpl @ 32013

<div class="titrePage">
        <h2>Look Like GBo -> {$LLGBO_VERSION}</h2>
</div>
<h3></h3>
<form method="post" action="" class="properties">
<fieldset>
<legend>{'llgbo_admin_tooltip_title'|@translate}</legend>
{combine_css path=$LLGBO_PATH|@cat:"css/look_like_gbo2_admin.css" order="+02"} 
{combine_css path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.css" order="+0"} 
{combine_script id='jquery.farbtastic'  require='jquery'   path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.js"}

{$LLGBO_DISPLAY_THIS_TOOLTIP}
<!--           T O O L T I P  -->
<div id="configcontent">
        <div id="leftpart">
                <div id="toolTip" >     
                        <div id="picker"></div>
                        <ul>
                                <li> 
                                        <label class="no-bold">
                                                <span id="llgbotitle" style="color:{$LLGBO_SETTINGS.tooltip_titlecolor}">{'llgo_tooltip_setting'|@translate} </span> 
                                        </label> 
                                </li>   
                                <li> 
                                        <label class="no-bold">
                                                <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgo_tooltip_width'|@translate} </span>
                                                <input type="text" name="llgbo_tooltip_width" size="4" maxlength="3" value="{$LLGBO_SETTINGS.tooltip_width}" /> px
                                        </label> 
                                 </li>
                                <li> 
                                        <label class="no-bold">
                                                <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgo_tooltip_size'|@translate} </span>
                                                <input type="text" name="llgbo_tooltip_size" size="4" maxlength="3" value="{$LLGBO_SETTINGS.tooltip_size}" /> px
                                        </label> 
                                 </li>
                                <li> 
                                        <label class="no-bold">
                                                <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgbo_tooltip_bordercolor'|@translate} </span>
                                                <input type="text" name="llgbo_tooltip_bordercolor" size="7" maxlength="7" class="colorwell" value="{$LLGBO_SETTINGS.tooltip_bordercolor}" /> 
                                        </label>
                                </li>
                                <li> 
                                        <label class="no-bold">
                                                 <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgbo_tooltip_bgcolor'|@translate} </span>
                                                 <input type="text" name="llgbo_tooltip_bgcolor"  size="7" maxlength="7" id="ttbg" class="colorwell" value="{$LLGBO_SETTINGS.tooltip_bgcolor}" /> 
                                        </label> 
                                 </li>   
                                <li>
                                        <label class="no-bold">
                                                <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgbo_tooltip_titlecolor'|@translate} </span>
                                                <input type="text" name="llgbo_tooltip_titlecolor"  size="7" maxlength="7" class="colorwell" value="{$LLGBO_SETTINGS.tooltip_titlecolor}" /> 
                                        </label> 
                                 </li>
                                <li>
                                        <label class="no-bold">
                                                <span style="color:{$LLGBO_SETTINGS.tooltip_textcolor}">{'llgbo_tooltip_textcolor'|@translate} </span> 
                                                <input type="text" name="llgbo_tooltip_textcolor"    size="7" maxlength="7" class="colorwell" value="{$LLGBO_SETTINGS.tooltip_textcolor}" /> 
                                        </label> 
                                 </li> 
                        </ul> 
                        
                </div>
        
        </div>
        
</div>
</fieldset>
<div class="clearmargin"> </div>
<p style="text-align: center;">
<br />
<input class="submit" type="submit" value="{'Reset_To_Default'|@translate}" name="reset"/> &nbsp;
<input class="submit" type="submit" value="{'preview'|@translate}" name="preview"/> &nbsp;
 <input class="submit" type="submit" value="{'save'|@translate}" name="save" /> 
</p>
<div align="center"><br><br></div>

</form>

{* -- smarty syntaxe p55 {ldelim} remplace  {  et {rdelim} remplace  }    -- *}
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {ldelim}
    var f = $.farbtastic('#picker');
    var p = $('#picker').css('opacity', 0.65);
    var selected;
    $('.colorwell')
      .each(function () {ldelim}   f.linkTo(this);   $(this).css('opacity', 0.85);  {rdelim})
      .focus(function() {ldelim}
        if (selected) {ldelim}
         $(selected).css('opacity', 0.85).removeClass('colorwell-selected');
                {rdelim}
        f.linkTo(this); 
        p.css('opacity', 1);
                $(selected = this).css('opacity', 1).addClass('colorwell-selected'); 
        
           {rdelim});
        
  {rdelim});
</script>