source: extensions/LLGBO2/admin/llgbo_adminframe.tpl @ 4574

<div class="infos" style="text-align:left;padding-left:45px;" >{$LLGBOINFO|@translate}</div>
 <h2> {'Title'|@translate} <br>  {$LLGBO_VERSION}</h2>
 <h3>{'Step3_Title'|@translate}</h3>
<form method="post" action="{$llgbo_F_ACTION}" class="properties">
<fieldset>
        <div id="framepicker" align="center" > </div>
        <span id="gboh2" style ="position: relative; top:1.5em;margin-left:40%;background:transparent;z-index:3;color:{$LLGBO_TITLE_FRAME_COLOR}">{'llgbo_title_frame_color'|@translate} </span>
        {$FRAME_BEGIN}
        <table align="center" style ="position: relative; top:-2.5em;" >
        <th id="llgbotitle">    </th>
        <tr><br>
                <td   class="llgbolabel" >{'llgbo_title_frame_color'|@translate} </td>
                <td ><input type="text" name="llgbo_title_frame_color" style="background-color:{$LLGBO_TITLE_FRAME_COLOR}" class="colorwellf" value="{$LLGBO_TITLE_FRAME_COLOR}" /> </td>
                <br>
        </tr>   
        <tr>    
                <td class="llgbolabel" >{'llgbo_frame_bdcolor0'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor0"  style="background-color:{$LLGBO_FRAME_BDCOLOR0}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR0}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize0"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE0}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor1'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor1"  style="background-color:{$LLGBO_FRAME_BDCOLOR1}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR1}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize1"   class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE1}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor2'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor2"  style="background-color:{$LLGBO_FRAME_BDCOLOR2}"  class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR2}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize2"   class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE2}" /></td>
        </tr>
        <tr>   
           <td class="llgbolabel" >{'llgbo_frame_bdcolor3'|@translate}</td>     <td ><input type="text" name="llgbo_frame_bdcolor3" style="background-color:{$LLGBO_FRAME_BDCOLOR3}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR3}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize3" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE3}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor4'|@translate}</td>        <td ><input type="text" name="llgbo_frame_bdcolor4" style="background-color:{$LLGBO_FRAME_BDCOLOR4}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR4}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize4"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE4}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor5'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor5" style="background-color:{$LLGBO_FRAME_BDCOLOR5}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR5}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize5"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE5}" /></td>
        </tr>
        <tr>   
           <td class="llgbolabel" >{'llgbo_frame_bdcolor6'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor6" style="background-color:{$LLGBO_FRAME_BDCOLOR6}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR6}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize6"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE6}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor7'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor7" style="background-color:{$LLGBO_FRAME_BDCOLOR7}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR7}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize7" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE7}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor8'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor8" style="background-color:{$LLGBO_FRAME_BDCOLOR8}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR8}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize8"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE8}" /></td>
        </tr>
        <tr>   
           <td class="llgbolabel" >{'llgbo_frame_bdcolor9'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor9" style="background-color:{$LLGBO_FRAME_BDCOLOR9}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR9}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize9"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE9}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor10'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor10"  style="background-color:{$LLGBO_FRAME_BDCOLOR10}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR10}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize10"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE10}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor11'|@translate}</td>       <td ><input type="text" name="llgbo_frame_bdcolor11" style="background-color:{$LLGBO_FRAME_BDCOLOR11}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR11}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize11"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE11}" /></td>
        </tr>
                <td class="llgbolabel" >{'llgbo_frame_bdcolor12'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor12" style="background-color:{$LLGBO_FRAME_BDCOLOR12}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR12}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize12" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE12}" /></td>
        </tr>
        <tr>   
           <td class="llgbolabel" >{'llgbo_frame_bdcolor13'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor13" style="background-color:{$LLGBO_FRAME_BDCOLOR13}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR13}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize13"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE13}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor14'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor14"  style="background-color:{$LLGBO_FRAME_BDCOLOR14}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR14}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize14"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE14}" /></td>
        </tr>
        <tr> 
                <td class="llgbolabel" >{'llgbo_frame_bdcolor15'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor15" style="background-color:{$LLGBO_FRAME_BDCOLOR15}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR15}" /></td>
                <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>  <td ><input type="text" name="llgbo_frame_bdsize15"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE15}" /></td>
         </tr>
         </table>
        {$FRAME_END}
<div align="center"><br><br><input class="submit" type="submit" value="{'preview'|@translate}" name="preview"/> <input class="submit" type="submit" value="{'save'|@translate}" name="save" /></div>
</fieldset>
</form>
<div style="{$LLGBODISPFRAME}">
<P id="llgbotitle">{'llgbo_samples'|@translate} </p>
<br>
<img src="./plugins/look_like_gbo2/samples/blue_white.jpg">
<br>
<img src="./plugins/look_like_gbo2/samples/gold.jpg">
<br>
<img src="./plugins/look_like_gbo2/samples/metal.jpg">
<br>
<img src="./plugins/look_like_gbo2/samples/black.jpg">
<br>
</div>

{* -- smarty syntaxe p55 {ldelim} remplace  {  et {rdelim} remplace  }    -- *}
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {ldelim}
    var f = $.farbtastic('#framepicker');
    var p = $('#framepicker').css('opacity', 0.45);
    var selected;
    $('.colorwellf')
      .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>