350基础版模板的店招默认是950px宽度,为了更好的效果,很多朋友希望改为全屏效果,改为全屏的方法有很多,笔者是在350模板的基础上设置的,只需要添加一处代码,下面一步步教您如何设置。
店招的设置
店招图片只需要修改好尺寸就可以了950px宽,115px高,点击【背景设置】下面的,【背景图片】一栏【单击这里上传】。(截图中有通栏1920和950宽度,是因为这套模板是两用的。)
店招背景的设置
店招背景图不仅仅要有店招的延伸色,还要有导航的延伸色。需要用代码来实现,图片的尺寸为1920px宽,150px高。点击【编辑】进入设置页面。
代码如下:
body{background:url(
http://gdp.alicdn.com/imgextra/i3/826184606/TB24ebAeFXXXXcHXXXXXXXXXXXX_!!826184606.jpg
) center 109px no-repeat ;}
替换括号里面的图片链接即可,图片尺寸是1920*150。(如果导航与店铺背景出现错层情况,可以修改109这个数字,直到最佳效果,109修改的范围100-150之间就差不多了。)
导航背景色设置
下图为背景图,可以看到导航的延伸色,那么导航背景图也要对应设置。图片的颜色值可以通过ps来获取。
上图中颜色值为#c5c5c3,在设置页面中,修改【整体背景图】和【所有分类背景图】就可以了,如下图所示。
温馨提示:
店招图片和店招背景图最好是透明、白色、黑色,如果有色彩,重叠位置会出现颜色加重。
上面的设置完成之后,安装模板之后就可以看到效果了,如果导航出现错层,可以在淘宝装修后台,修改109值,即可获得最佳效果。有不懂的地方,可以留言咨询。
发表评论