教你修改代码改变淘宝店铺首页导航背景色

  • 原创
  • |
  • 浏览:11771
  • |
  • 更新:

在不买店铺装修模板的情况下,以下步骤教你如何修改淘宝店铺首页导航背景色和文字颜色。

工具/原料

  • 电脑一台
  • 已开通的淘宝店铺

方法/步骤

  1. 1

    登陆淘宝店铺后台,点击店铺管理,接着点击店铺装修

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  2. 2

    进入到店铺装修页面,关闭系统自动弹出的页面提示,然后点击“pc端”

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  3. 3

    点击“装修页面”,进入首页装修编辑页面

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  4. 4

    点击导航”编辑“这里,然后接着点击”显示设置“这里,

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  5. 4
    此文章非法爬取自百度经验
  6. 5

    然后来一段普遍适用的导航代码,我们只需要改一下个别某个代码即可修改店铺导航背景色了

    教你修改代码改变淘宝店铺首页导航背景色
  7. 6

    然后打开Dreamweaver软件,新建一个html文件,然后复制代码粘贴进去,

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  8. 7

    然后我们修改一下红色线条位置上的代码,修改前

    教你修改代码改变淘宝店铺首页导航背景色
  9. 8

    如果你不知道输入什么数值,你可以在ps拾色器中查看你想要输入某个颜色的数值,然后输入代码中,修改代码后:

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
  10. 9

    然后把修改好的代码复制粘贴到刚刚首页店铺装修中去,确定,点击预览,然后最后点击发布即可成功了。

    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    教你修改代码改变淘宝店铺首页导航背景色
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部