标准版店辅能够完成全屏幕的店铺招牌比较简单,可是基础版店辅要实现全屏幕店铺招牌有许多办法,今天就讲一个大伙儿较为常见的完成全屏幕的方式。
本实例教程有文本 短视频,末尾还附送了编码。
第一步、店铺招牌和导航栏的组装
第一步:照片制作,第一必须设计方案一张1920宽160高的图片,如下图:
然后我们开展切成片,把一整张图片分割成三块,如下所示所显示:
切出以后是这样滴:
①店铺招牌
②导航菜单
③全屏背景
然后把这三张图片上传入自己的图片室内空间,这样就完成了第一步,初期的准备工作。
这儿也许好多人会问,为什么要把环境制成160相对高度的呢?
答:淘宝网在导航菜单设置了10个象素的空隙,科学上基础版店面是不能除去这一空隙的,所以我们把店铺招牌 环境制成160,来摆脱困境。
第二步、 变更默认设置模版设定(重要的一步)
坚信许多人有给店面设置背景的编码,但是却不可以在自身的网店取得成功完成全屏幕店铺招牌,直接原因便是忽略了这一步。
其实不是很难。
最先进到店面装修网页页面,立即参考图片里的①②③步,这样做就可以了。
第三步、要实现全屏幕店铺招牌
这儿就是我们最为想要的一步了!!!
其实不是很难,只必须把下面的代码复制到导航菜单里边就可以了
body{background-image:url(括弧里边换成你自己的全屏幕店铺招牌背景图案详细地址);background-repeat:no-repeat;background-position:center 110px;background-attachment:scroll;}
纳尼,导航菜单哪些地方可以放编码了?
嘿嘿,新手了吧,看看吧
做好了,快行动起来看一下实际效果吧!!