You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
4.9 KiB
125 lines
4.9 KiB
<!-- $Id: setting_first.htm 16339 2009-06-24 08:01:25Z liuhui $ -->
|
|
{include file="merchants_pageheader.htm"}
|
|
<link rel="stylesheet" type="text/css" href="styles/spectrum-master/spectrum.css">
|
|
<script type="text/javascript" src="styles/spectrum-master/jquery-1.9.1.js"></script>
|
|
<script type="text/javascript" src="styles/spectrum-master/spectrum.js"></script>
|
|
<style type="text/css">
|
|
.sp-container.sp-flat {
|
|
left:85px;
|
|
position: absolute;
|
|
top: 27px;
|
|
}
|
|
</style>
|
|
|
|
<div class="main-div">
|
|
<form action="seller_shop_bg.php?act=second" name="theForm" method="post" enctype="multipart/form-data" >
|
|
<table cellspacing="1" cellpadding="3" width="100%">
|
|
<tr>
|
|
<td class="micro-label">背景图片: </td>
|
|
<td>
|
|
<input type="file" name="bgimg"/>
|
|
{if $shop_bg.bgimg}
|
|
<img src="{$shop_bg.bgimg}" width="150" />
|
|
{/if}
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="micro-label" >背景重复:</td>
|
|
<td>
|
|
<select name="bgrepeat">
|
|
<option value="no-repeat" {if $shop_bg.bgrepeat eq 'no-repeat'}selected{/if}>不重复</option>
|
|
<option value="repeat" {if $shop_bg.bgrepeat eq 'repeat'}selected{/if}>平铺</option>
|
|
<option value="repeat-x" {if $shop_bg.bgrepeat eq 'repeat-x'}selected{/if}>左右平铺</option>
|
|
<option value="repeat-y" {if $shop_bg.bgrepeat eq 'repeat-y'}selected{/if}>垂直平铺</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="micro-label">店铺背景颜色:</td>
|
|
<td style="position:relative;">
|
|
<input type="text" name="bgcolor" maxlength="40" size="10" value="{$shop_bg.bgcolor}" id="bgcolor" />
|
|
<input type="button" value="选色" class="go_color" />
|
|
<input type='text' id="full" style="display:none"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="micro-label">店铺背景:</td>
|
|
<td>
|
|
<input type="radio" value="0" name="show_img" {if $shop_bg.show_img eq 0} checked{/if}/>显示颜色<input type="radio" value="1" name="show_img" {if $shop_bg.show_img} checked{/if}/>显示图片
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="micro-label">启用自定义背景:</td>
|
|
<td>
|
|
<input type="radio" value="0" name="is_custom" {if $shop_bg.is_custom eq 0} checked{/if}/>否<input type="radio" value="1" name="is_custom" {if $shop_bg.is_custom} checked{/if}/>是
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="hidden" name="data_op" value="{$data_op}"/>
|
|
</td>
|
|
<td>
|
|
<input type="submit" value="确认背景" class="button" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<script type="text/javascript">
|
|
//选色 start
|
|
$(function(){
|
|
$('.sp-palette-buttons-disabled').hide();
|
|
|
|
$('.go_color').click(function(){
|
|
$('.sp-palette-buttons-disabled').show();
|
|
});
|
|
|
|
$('.sp-choose').click(function(){
|
|
$('.sp-palette-buttons-disabled').hide();
|
|
var sp_color = $('.sp-input').val();
|
|
$('#bgcolor').val(sp_color);
|
|
});
|
|
})
|
|
|
|
$("#update").click (function() {
|
|
console.log($("#full").spectrum("option", "palette"));
|
|
$("#full").spectrum("option", "palette", [
|
|
["red", "green", "blue"]
|
|
]);
|
|
});
|
|
|
|
$("#full").spectrum({
|
|
color: "#FFF",
|
|
flat: true,
|
|
showInput: true,
|
|
className: "full-spectrum",
|
|
showInitial: true,
|
|
showPalette: true,
|
|
showSelectionPalette: true,
|
|
maxPaletteSize: 10,
|
|
preferredFormat: "hex",
|
|
localStorageKey: "spectrum.demo",
|
|
move: function (color) {
|
|
|
|
},
|
|
palette: [
|
|
["rgb(0, 0, 0)", "rgb(67, 67, 67)", "rgb(102, 102, 102)",
|
|
"rgb(204, 204, 204)", "rgb(217, 217, 217)","rgb(255, 255, 255)"],
|
|
["rgb(152, 0, 0)", "rgb(255, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 255, 0)",
|
|
"rgb(0, 255, 255)", "rgb(74, 134, 232)", "rgb(0, 0, 255)", "rgb(153, 0, 255)", "rgb(255, 0, 255)"],
|
|
["rgb(230, 184, 175)", "rgb(244, 204, 204)", "rgb(252, 229, 205)", "rgb(255, 242, 204)", "rgb(217, 234, 211)",
|
|
"rgb(208, 224, 227)", "rgb(201, 218, 248)", "rgb(207, 226, 243)", "rgb(217, 210, 233)", "rgb(234, 209, 220)",
|
|
"rgb(221, 126, 107)", "rgb(234, 153, 153)", "rgb(249, 203, 156)", "rgb(255, 229, 153)", "rgb(182, 215, 168)",
|
|
"rgb(162, 196, 201)", "rgb(164, 194, 244)", "rgb(159, 197, 232)", "rgb(180, 167, 214)", "rgb(213, 166, 189)",
|
|
"rgb(204, 65, 37)", "rgb(224, 102, 102)", "rgb(246, 178, 107)", "rgb(255, 217, 102)", "rgb(147, 196, 125)",
|
|
"rgb(118, 165, 175)", "rgb(109, 158, 235)", "rgb(111, 168, 220)", "rgb(142, 124, 195)", "rgb(194, 123, 160)",
|
|
"rgb(166, 28, 0)", "rgb(204, 0, 0)", "rgb(230, 145, 56)", "rgb(241, 194, 50)", "rgb(106, 168, 79)",
|
|
"rgb(69, 129, 142)", "rgb(60, 120, 216)", "rgb(61, 133, 198)", "rgb(103, 78, 167)", "rgb(166, 77, 121)",
|
|
"rgb(91, 15, 0)", "rgb(102, 0, 0)", "rgb(120, 63, 4)", "rgb(127, 96, 0)", "rgb(39, 78, 19)",
|
|
"rgb(12, 52, 61)", "rgb(28, 69, 135)", "rgb(7, 55, 99)", "rgb(32, 18, 77)", "rgb(76, 17, 48)"]
|
|
]
|
|
});
|
|
//选色 end
|
|
</script>
|
|
{include file="pagefooter.htm"}
|
|
|