基础版实现1920全屏页头背景效果-扩展代码源文件

基础版实现1920全屏页头背景效果有两种方案:

方案一：950x150px自定义招牌+1920px全屏页头背景实现步骤：

第一步：PS制作一张1920x150px的页头背景图；一张950x150px的店铺招牌图片；将两张图上传到图片空间备用。

第二步：将以下代码中“页头背景图”替换成上传至图片空间1920x150px页头背景图的链接地址，并拷贝粘贴至“导航”模块-“显示设置”空白框中。

源码：

div.skin-box-bd{position:relative;top:-150px;left:-500px;width:1920px;height:30px;padding-top:150px;line-height:150px;background:#FFFFFF url(页头背景图);padding-left:500px;}

第三步：将以下代码中“这里放你的店招代码”替换成自定义代码后，拷贝粘贴至“店铺招牌-自定义招牌”的“源码”中，店铺招牌高度修改为150Px。

自定义招牌源码：

<div style="position:relative;z-index:10;">

这里放你的店招代码

</div>

第四步：发布站点。

方案二：950x120自定义招牌+默认导航+1920宽屏页头背景实现步骤：

第一步：PS制作一张1920x150px的页头背景图；一张950x120px的店铺招牌图片；将两张图上传到图片空间备用。

第二步：将以下代码中“页头背景图”替换成上传至图片空间1920x150px页头背景图的链接地址，并拷贝粘贴至“导航”模块-“显示设置”空白框中。

源码：

div.skin-box-bd{position:relative;top:-120px;left:-500px;width:1920px;height:30px;padding-top:120px;line-height:120px;background:#FFFFFF url(页头背景图);padding-left:500px;}

第三步：将以下代码中“这里放你的店招代码”替换成自定义代码后，拷贝粘贴至“店铺招牌-自定义招牌”的“源码”中，店铺招牌高度用默认的120Px。

自定义招牌源码：

<div style="position:relative;z-index:10;">

这里放你的店招代码

</div>

第四步：发布站点。

本文来源：https://www.wddqw.com/doc/623514179b8fcc22bcd126fff705cc1754275f45.html