1 | |
---|
2 | {if !empty($LLGBOINFO)}<div class="infos" style="text-align:left;padding-left:50px;" >{$LLGBOINFO|@translate}</div>{/if} |
---|
3 | <h2> {'Title'|@translate} -> {$LLGBO_VERSION}</h2> |
---|
4 | <h3>{'Step3_Title'|@translate}</h3> |
---|
5 | {combine_css path=$LLGBO_PATH|@cat:"css/look_like_gbo2_admin.css" order="+02"} |
---|
6 | {combine_css path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.css" order="+0"} |
---|
7 | {combine_script id='jquery.farbtastic' require='jquery' path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.js"} |
---|
8 | <form method="post" action="" class="properties"> |
---|
9 | <fieldset> |
---|
10 | <div id="framepicker"> </div> |
---|
11 | <span id="gboh2" style ="background:transparent;color:{$LLGBO_TITLE_FRAME_COLOR}">{'llgbo_title_frame_color'|@translate} </span> |
---|
12 | {$FRAME_BEGIN} |
---|
13 | <div align="center"> <span id="llgbotitle"> {'llgbo_frame_sample'|@translate} </span> <select name="sample"> |
---|
14 | <option label="GOLD" value="GOLD">Gold</option> |
---|
15 | <option label="BLUE" value="BLUE">Blue</option> |
---|
16 | <option label="METAL" value="METAL">Metal</option> |
---|
17 | <option label="BLACK" value="BLACK">Black</option> |
---|
18 | <option label="WHITE" value="WHITE">White</option> |
---|
19 | <option label="B_W" value="B_W">Black&White</option> |
---|
20 | <option label="IVORY" value="IVORY">Ivory</option> |
---|
21 | <option label="MY_LAST_VALUES" value="MY_LAST_VALUES"><selected="selected">MyLastValues</option> |
---|
22 | </select> <input class="submit" type="submit" value="{'previewsamples'|@translate}" name="previewsample"/> |
---|
23 | </div> |
---|
24 | <table id="llgboframetable"> |
---|
25 | <tr> |
---|
26 | <td class="llgbolabel" >{'llgbo_title_frame_color'|@translate} </td> |
---|
27 | <td ><input type="text" name="llgbo_title_frame_color" style="background-color:{$LLGBO_TITLE_FRAME_COLOR}" class="colorwellf" value="{$LLGBO_TITLE_FRAME_COLOR}" /> </td> |
---|
28 | </tr> |
---|
29 | <tr> |
---|
30 | <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> |
---|
31 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize0" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE0}" /></td> |
---|
32 | </tr> |
---|
33 | <tr> |
---|
34 | <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> |
---|
35 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize1" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE1}" /></td> |
---|
36 | </tr> |
---|
37 | <tr> |
---|
38 | <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> |
---|
39 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize2" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE2}" /></td> |
---|
40 | </tr> |
---|
41 | <tr> |
---|
42 | <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> |
---|
43 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize3" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE3}" /></td> |
---|
44 | </tr> |
---|
45 | <tr> |
---|
46 | <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> |
---|
47 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize4" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE4}" /></td> |
---|
48 | </tr> |
---|
49 | <tr> |
---|
50 | <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> |
---|
51 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize5" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE5}" /></td> |
---|
52 | </tr> |
---|
53 | <tr> |
---|
54 | <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> |
---|
55 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize6" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE6}" /></td> |
---|
56 | </tr> |
---|
57 | <tr> |
---|
58 | <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> |
---|
59 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize7" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE7}" /></td> |
---|
60 | </tr> |
---|
61 | <tr> |
---|
62 | <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> |
---|
63 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize8" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE8}" /></td> |
---|
64 | </tr> |
---|
65 | <tr> |
---|
66 | <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> |
---|
67 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize9" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE9}" /></td> |
---|
68 | </tr> |
---|
69 | <tr> |
---|
70 | <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> |
---|
71 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize10" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE10}" /></td> |
---|
72 | </tr> |
---|
73 | <tr> |
---|
74 | <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> |
---|
75 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize11" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE11}" /></td> |
---|
76 | </tr> |
---|
77 | <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> |
---|
78 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize12" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE12}" /></td> |
---|
79 | </tr> |
---|
80 | <tr> |
---|
81 | <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> |
---|
82 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize13" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE13}" /></td> |
---|
83 | </tr> |
---|
84 | <tr> |
---|
85 | <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> |
---|
86 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize14" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE14}" /></td> |
---|
87 | </tr> |
---|
88 | <tr> |
---|
89 | <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> |
---|
90 | <td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize15" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE15}" /></td> |
---|
91 | </tr> |
---|
92 | |
---|
93 | </table> |
---|
94 | {$FRAME_END} |
---|
95 | <div align="center"><br><input class="submit" type="submit" value="{'Reset_To_Default'|@translate}" name="reset"/> <input class="submit" type="submit" value="{'preview'|@translate}" name="preview"/> <input class="submit" type="submit" value="{'save'|@translate}" name="save" /> |
---|
96 | |
---|
97 | </div> |
---|
98 | </fieldset> |
---|
99 | </form> |
---|
100 | |
---|
101 | {* -- smarty syntaxe p55 {ldelim} remplace { et {rdelim} remplace } -- *} |
---|
102 | <script type="text/javascript" charset="utf-8"> |
---|
103 | $(document).ready(function() {ldelim} |
---|
104 | var f = $.farbtastic('#framepicker'); |
---|
105 | var p = $('#framepicker').css('opacity', 0.65); |
---|
106 | var selected; |
---|
107 | $('.colorwellf') |
---|
108 | .each(function () {ldelim} f.linkTo(this); $(this).css('opacity', 0.85); {rdelim}) |
---|
109 | .focus(function() {ldelim} |
---|
110 | if (selected) {ldelim} |
---|
111 | $(selected).css('opacity', 0.85).removeClass('colorwell-selected'); |
---|
112 | {rdelim} |
---|
113 | f.linkTo(this); |
---|
114 | p.css('opacity', 1); |
---|
115 | $(selected = this).css('opacity', 1).addClass('colorwell-selected'); |
---|
116 | |
---|
117 | {rdelim}); |
---|
118 | |
---|
119 | {rdelim}); |
---|
120 | </script> |
---|