/js/bigcolorpicker/css/jquery.bigcolorpicker.css" />--> $(function(){ $("img[f='color-img']").bigColorpicker(function(el,color){ var id=$(el).attr("data-target"); $("#"+id).val(color); $("#"+id).css({"color":color}); if(id=='header_bg_color'){ $("#sp_header_bg").css({"background":color+' url('+getImgByid('header_bg_img')+') '+$("#header_bg_extra").val()}); } if(id=='bg_color'){ $("#sp_bg").css({"background":color+' url('+getImgByid('bg_img')+') '+$("#bg_extra").val()}); } if(id=='side_bg_color'){ $("#sp_side_bg").css({"background":color+' url('+getImgByid('side_bg_img')+') '+$("#side_bg_extra").val()}); } if(id=='footer_bg_color'){ $("#sp_footer_bg").css({"background":color+' url('+getImgByid('footer_bg_img')+') '+$("#footer_bg_extra").val()}); } if(id=='menu_bg_color'){ $("#sp_menu_bg").css({"background":color+' url('+getImgByid('menu_bg_img')+') '+$("#menu_bg_extra").val()}); } if(id=='float_bg_color'){ $("#sp_float_bg").css({"background":color+' url('+getImgByid('float_bg_img')+') '+$("#float_bg_extra").val()}); } if(id=='float_mask_bg_color'){ $("#sp_float_mask_bg").css({"background":color+' url('+getImgByid('float_mask_bg_img')+') '+$("#float_mask_bg_extra").val()}); } if(id=='drop_menu_bg_color'){ $("#sp_drop_menu_bg").css({"background":color+' url('+getImgByid('drop_menu_bg_img')+') '+$("#drop_menu_bg_extra").val()}); } }); }); var sImgdir=''; var sStyleimgdir=''; function imgdirUpdate(){ sImgdir=$('#img_dir').val()?$('#img_dir').val():'theme/Default/Public/Images'; sStyleimgdir=$('#style_img_dir').val()?$('#style_img_dir').val():sImgdir; $('#sp_imgdir').text(sImgdir); $('#sp_styleimgdir').text(sStyleimgdir); } function checkHttp(sUrl){ re=/^http:\/\//i; var arrMatches=re.exec(sUrl); if(arrMatches==null) { return false; }else{ return true; } } function getImgByid(id){ var oId=$WF(id); return oId.value?(checkHttp(oId.value)?oId.value:'/ucontent/'+sStyleimgdir+'/'+oId.value):'/images/common/none.gif'; } function imgUpdate(id,imgid){ var oId=$WF(id); sUrl=getImgByid(imgid); oId.style.backgroundImage='url('+sUrl+')'; windsforceAlert('背景图像更新成功
'+sUrl,'',3); }

操作提示

  • 在这里你可以DIY当前主题,不用代码也可以轻松修改网站界面
  • 注意,DIY中如果添加外部图片作为背景,外部图片必须以http://开头,否则将无法正确显示
  • 注意,DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/ucontent而言

主题预览

编辑界面方案 -

识别界面风格的标志,请勿使用空格或特殊符号
与本套界面风格相匹配的模板名称

checked>  该主题不支持扩展配色

扩展配色可以让同一个主题展现绚丽多姿的一面

该主题不支持扩展配色

请根据你的站点来选择适合你自己的配色
主题基础图片存放的目录,留空表示使用“theme/Default/Public/Images”目录为基础图片目录
系统计算当前的值为
注意,DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/ucontent而言
主题扩展图片存放的目录,留空表示无扩展图片目录
系统计算当前的值为
注意,DIY中的界面基础图片目录和扩展图片目录均相对于{WINDSFORCE_PATH}/ucontent而言
如使用 Flash 动画,请用逗号隔开 URL、宽度和高度,如“logo.swf,80,40”
背景

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性
页头/页脚

例如1PX

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB
文字
输入字体,例如Verdana, Helvetica, Arial, sans-serif
输入字体大小,例如12px
输入字体,例如Verdana, Helvetica, Arial, sans-serif
输入字体大小,例如12px
输入字体,例如Verdana, Helvetica, Arial, sans-serif
输入字体大小,例如12px

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB
主体表格
输入主题表格宽度,例如5px

输入 16 进制颜色 #RRGGBB
输入主题表格边框宽度,例如3px

输入 16 进制颜色 #RRGGBB
网站内容
输入字体大小,例如12px
输入字体大小,例如12px
输入内容区域宽度,例如600px

输入 16 进制颜色 #RRGGBB
菜单

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB
下拉菜单

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性
浮动窗口

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性

输入 16 进制颜色 #RRGGBB

输入背景图片地址

输入附加属性
输入框

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB
其他

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB

输入 16 进制颜色 #RRGGBB
自定义模板变量
  • 选中复选框将会删除该条记录,请一定要看清楚
  • 新增变量名一定不要和已有重复,否则无法添加成功
删? 变量 替换内容
{}
新增