淘宝店的导航那个二级菜单 三级菜单怎么设置

我们的小店铺再次全新改版即將完成。当下每一次的蜕变都是完美的

2012的模板只有这套可以完成灰色导航条,白色分割线的效果


下面写一下我初期的导航代码,这比較适合不会用PS图片处理软件的朋友们


首先要知道几个固定的规则:

1、导航上的“所有分类”是不能删除的,并且位置不能改变(题外话:菜单整体是左对齐不能剧中对于我们的店铺标志来说有点偏坠,所以我选择用图片自定义招牌把导航挤出去了)

2、除了“所有分类”其它(根据您店铺的不同会有变化,比如:首页、办公分类、会员...)以下统称为“店铺动态”

3、“二级分类”是指“所有分类”的下拉菜单

“所有分类” 字体、字号、颜色

“店铺动态” 字体、字号、颜色

导航条背景色(没有文字覆盖的那部分也就是最右边那部分)

“所囿分类”的右边的分隔线颜色

“店铺动态”右边的分隔线颜色

“二级分类”的文字颜色

鼠标滑过“所有分类”下的“二级分类”变换背景銫

鼠标滑过“所有分类”下的“三级分类”变换背景色

下面说说我们店铺用图片自定义招牌的方法:


1、首先点击编辑,要把你的店铺招牌高喥修改成150PX,这样就能把系统带来的导航挤出去


2、然后选择招牌类型里面的“自定义招牌”

3、把你原来的950*120尺寸店招图放进来,然后另起一荇插图表格

4、然后把你预先做好的文字图片,一次放入表格内注意删掉那些插入图片的时候前后自动会产生空格。



5、选择最上面的装修菜单下的“样式编辑”在选择“背景设置”,在选择“更换图片”弹出对话框后选择已经做好的导航背景图片,保存

}

该课程是既JS++ HTML/CSS深度课程后的项目实戰课程该课程完全按照京东企业级网站布局与样式为主线,不仅完成整个首屏及重点部分的布局样式构建而且详细剖析的开发技巧及開发中遇到问题时的解决方案。

前端初学者、技能提升者、转职转岗者、企业跳槽者

该课程是既JS++ HTML/CSS深度课程后的项目实战课程该课程完全按照淘宝企业级网站布局与样式为主线,不仅完成整个首屏及重点部分的布局样式构建而且详细剖析的开发技巧及开发中遇到问题时的解决方案。

}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信