350基础版店招怎样才能全屏?

本文目录
[隐藏]

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值,即可获得最佳效果。有不懂的地方,可以留言咨询。

最后编辑于:2015/8/23作者:芃

芃

分享自己的经验,展示自己的风采,多交流沟通,一起进步成长。