快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 页面背景、导航css代码实现华丽装修

页面背景、导航css代码实现华丽装修

放大字体  缩小字体 发布日期:2024-05-24 06:29:12  来源:电商联盟  作者:乐发网  浏览次数:29

说到关于淘宝店铺装修,都是新手卖家们比较头疼的一个问题,不可能所有的卖家都是美工出生吧,我们都想要装修出跟那些大店一样的装修,可是却觉得有力使不出的感觉。其实淘宝店铺装修并不是那么的复杂,只要你用心多看些装修教程,很简单就能做好的你的网店装修,提高顾客信任度,第一印象、转化率等等。今天我们就来讲,关于我们平常看到的些大店是如何装修出“高大上且华丽”的店铺。

如何利用页头和页面背景、导航css代码实现华丽店铺装修?

1、装修准备

在装修之前我们需要先去网上下载几个素材:页头页尾背景和店招图片。

模板我们使用官方的”简约时尚模板“,样式管理选择“深蓝色”或者“天蓝色”样式。

2、装修步骤

1)安装页头和页面背景

打开刚下载的背景图片,在样式管理里分类将图片设置为页头和页面背景,其中页头背景样式设置为横向平铺和居中,页头下边距10px关闭,页面背景样式设置为不平铺和居中。

如下图所示:

页面背景、导航css代码实现华丽装修

页面背景、导航css代码实现华丽装修 2

安装完了页头和页面背景以后别忘了一定要点击保存。要不然前面的工作就白做了。

2)安装店招图片

接下来开始安装店招图片了,返回页面装修,点击店招编辑,然后选择默认招牌,不要使用自定义哦,选择上面下载的店招图片就可以了。

如下图所示:

页面背景、导航css代码实现华丽装修3

3)安装透明代码(重要)

这是最重要的一步,为什么要安装一段透明的代码呢,这里我们主要是为了在页面上创建一片空白的区域,以显示海报背景。如果没有这段代码的话,你下面装修的其他模块都会直接盖住海报的,那样就实现不了咱们要展现的大气海报了。

代码非常简单:

<div style="height:820px;">&nbsp;</div>

透明代码使用方法:我们在导航下面建立一个950的自定义模块,将上面的透明代码放到里面保存就要中以了。代码事的数字为高度,可以根据背景图片的高度来设置,如果有误差,可以一点一点调试。

4)安装导航透明CSS代码

这段代码可以根据自己的情况使用,如果您想要导航也要透明的话,需要安装一段导航透明CSS代码。

3、装修效果展示

页面背景、导航css代码实现华丽装修 4

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 页面背景、导航css代码实现华丽装修

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝天猫宝贝详情页模板添加关联产品连带的方法 淘宝装修子账号设置流程
淘宝店铺,天猫店铺背景固定的方法。 7个步骤打造史上最牛详情页
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问