新建方案
初始化
方案库
方案秀
我的方案
视频教程
请登录
预览
保存
另存为
模块
页头
页面
西语言
模块间距
这里管理已添加的模块
页头模块
页面模块
这里设置页头的背景
页头背景色：
显示
若背景色设置不生效可尝试删除背景图
页头下边距10像素：
开启
关闭
页头背景图：
更换图片
删除
下载
文件格式：GIF,JPG,PNG
文件大小：1M以内
背景显示：
平铺
纵向平铺
横向平铺
不平铺
背景对齐
左对齐
居中
右对齐
这里设置页面的背景
页面背景色：
显示
若背景色设置不生效可尝试删除背景图
页面背景图：
更换图片
删除
下载
文件格式：GIF,JPG,PNG
文件大小：200k以内
背景显示：
平铺
纵向平铺
横向平铺
不平铺
背景对齐
左对齐
居中
右对齐
背景固定：
开启
关闭
西语言模块编辑界面
视频教程
导入代码
导出代码
修复
保存
关闭
系统导航编辑界面
导出代码
保存
关闭
保存
×
标题：
*
行业：
女 装
男 装
童 装
内 衣
鞋 类
箱 包
母婴用品
服装配件
化妆美容
珠宝饰品
手表眼镜
运动户外
家居用品
日用百货
数码家电
保健用品
食品茶饮
其 他
风格：
时 尚
简 约
古 典
酷 炫
可 爱
欧 美
奢 华
甜 美
手 绘
商 务
非主流
小清新
中国风
节日庆典
其 他
色系：
黑 色
红 色
蓝 色
绿 色
橙 色
粉 色
黑 白
炫 彩
紫 色
棕 色
黄 色
金 色
灰 色
青 色
其 他
分享：
是
否
描述：
缩 略 图 ：
(320x540)
从本地上传
添加模块
×
模块秀
我的模块
我的收藏
正在加载更多内容...
正在加载更多内容...
正在加载更多内容...
默认排序
按收藏
按热度
按新品
按宽度：
所有
所有
全屏
1200-1920
950-1200
750-950
550-750
190-550
0-190
按类型：
所有
所有
宽屏模块
动态特效
宝贝列表
分类导航
活动模块
导航店招
其他
(共
0
条记录)
替换导航
×
正在加载更多内容...
导入代码
×
仅支持本工具之前导出过的代码：
导出代码
×
请将导出的代码放置系统导航的显示设置中，
详见教程
导出代码
×
当前模块：
宽
高
当内容超出模块范围时：
显示
裁掉
（当前内容有超出）
模块空白范围：
上
下
左
右
清零
（当前模块有较大空白，如不需要请清零）
当前模块设计有固定背景层，建议将此层置底：
置底
忽视
总代码量：0KB
简化
代码已被简化，不能再导回工具使用，请做好保存工作.
自定义代码
店招与下拉
请将导出的代码放入：
[02-全屏模块]
或者
[自定义内容区]
。
更详细帮助点我
复制代码
保存
店招代码
，请将导出的代码放入：
[01-店招模块]
。
更详细帮助点我
复制代码
店招代码量：0KB
下拉代码
，请将导出的代码放入：
[20-尾部模块]
、
[16-多图模块]
或者
[自定义内容区]
。
更详细帮助点我
复制代码
下拉代码量：0KB
提示
×
<div data-title="系统导航" data-id="1" class="J_TModule J_Nav"> <style id="navCss" type="text/css" media="screen">.tshop-pbsm-shop-nav-ch .skin-box-bd,.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats,.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu{height:30px;}.tshop-pbsm-shop-nav-ch .skin-box-bd .link{height:30px;line-height:30px;}.tshop-pbsm-shop-nav-ch .skin-box-bd{background-color:#e7e7e7;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu.menu-hover{background-color:#242424;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats .link{width:100px;height: 30px;line-height: 30px;padding: 0px;margin-top:0;border:none;text-align:left;text-indent:20px;background:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list{width:849px;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats{background-color:#242424;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats-hover{background-color:#242424;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats .link .title{font-family:Arial;color:#ffffff;font-size:12px;font-style:normal;font-weight:300;text-decoration:none;display:block;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats-hover .link .title{color:#ffffff;}.tshop-pbsm-shop-nav-ch .skin-box-bd .link .title{font-family:Arial;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu .link .title{color:#242424;font-size:12px;font-style:normal;font-weight:300;text-decoration:nonedisplay:block;height: 14px;line-height: 14px;padding: 0 20px;width: auto;text-align:center;margin-top:8px;border-right:1px solid #181818;vertical-align:top;float:none;display:inline-block;*display:inline;*zoom:1;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;}.tshop-pbsm-shop-nav-ch .all-cats-popup{width:180px;}.tshop-pbsm-shop-nav-ch .skin-box-bd .popup-content .cats-tree .fst-cat{width:180px;border:none;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat,.tshop-pbsm-shop-nav-ch .popup-content .cats-tree .fst-cat-hd,.tshop-pbsm-shop-nav-ch .popup-content .cats-tree .fst-cat-name,.tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat,.tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat a, .tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat .cat-name{height:28px;line-height:28px;}.tshop-pbsm-shop-nav-ch .all-cats-popup,.tshop-pbsm-shop-nav-ch .menu-popup-cats{background-color:#242424;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat:hover, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat.cat-hd-hover,.tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat-hover{background-color:#121212;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat .fst-cat-hd .cat-name,.tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat a, .tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat .cat-name{font-family:Arial;color:#ffffff;font-size:12px;font-style:normal;font-weight:300;text-decoration:none;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat:hover .fst-cat-hd a, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat.cat-hd-hover .fst-cat-hd a, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat:hover .fst-cat-hd .fst-cat-name, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat.cat-hd-hover .fst-cat-hd .fst-cat-name,.tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat-hover a, .tshop-pbsm-shop-nav-ch .menu-popup-cats .sub-cat-hover .cat-name{color:#ffffff;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner{width:180px;background-color:#242424;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat{height:auto;line-height:28px;}.tshop-pbsm-shop-nav-ch .popup-content .cats-tree .snd-cat-hd,.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd .snd-cat-name{height:28px;line-height:28px;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover{background-color:#121212;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd .snd-cat-name{font-family:Arial;color:#ffffff;font-size:12px;font-style:normal;font-weight:300;text-decoration:none;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover .snd-cat-name{color:#ffffff;}.tshop-pbsm-shop-nav-ch .tb-shop-popup-content .popup-content{float: none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats-hover .all-cats-trigger .link{background:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu .link{display:block;height: 30px;line-height: 30px;padding: 0px;width: auto;text-align:center;margin-top:0;border:none;background:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list,.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu-hover .link{background:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu{background:none;border:none;}.tshop-pbsm-shop-nav-ch .all-cats-popup,.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner,.tshop-pbsm-shop-nav-ch .popup-content{border:none;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .fst-cat .fst-cat-hd,.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover a, .tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .snd-pop .snd-pop-inner .snd-cat-hd-hover .snd-cat-name{text-align:left;text-indent:20px;}.tshop-pbsm-shop-nav-ch .all-cats-popup .cats-tree .cat-name{display:block;float:left;overflow:hidden;width:100%;}.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats .link .popup-icon{display:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .menu-list .menu .link .popup-icon{display:none;}.tshop-pbsm-shop-nav-ch .skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{padding:0;}.tshop-pbsm-shop-nav-ch .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{width:100%;padding:0;text-align:left;text-indent:20px;}.tshop-pbsm-shop-nav-ch .popup-content .cats-tree .snd-pop-inner{background-image:none;padding:0;height:auto;}.tshop-pbsm-shop-nav-ch .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop{width:auto;height:auto;}</style> <div id="navData" style="display:none;">{"id":"-1","title":"我的导航设计","isDemo":"true","siteType":1,"data":{"nav-height":{"cb":true,"v":"30"},"nav-bg":{"cb":true,"v":"#e7e7e7"},"nav-hover-bg":{"cb":true,"v":"#242424"},"nav-all-cats-width":{"cb":true,"v":"100"},"nav-all-cats-bg":{"cb":true,"v":"#242424"},"nav-all-cats-hover-bg":{"cb":true,"v":"#242424"},"nav-all-cats-fontName":{"cb":true,"v":"Arial"},"nav-all-cats-color":{"cb":true,"v":"#ffffff"},"nav-all-cats-fontSize":{"cb":true,"v":"12"},"nav-all-cats-fontStyle":{"cb":true,"v":"0"},"nav-all-cats-hover-color":{"cb":true,"v":"#ffffff"},"nav-fontName":{"cb":true,"v":"Arial"},"nav-color":{"cb":true,"v":"#242424"},"nav-fontSize":{"cb":true,"v":"12"},"nav-fontStyle":{"cb":true,"v":"0"},"nav-hover-color":{"cb":true,"v":"#ffffff"},"nav-split":{"cb":true,"v":{"c":"#181818","s":"0","h":"0"}},"fst-width":{"cb":true,"v":"180"},"fst-height":{"cb":true,"v":"28"},"fst-bg":{"cb":true,"v":"#242424"},"fst-hover-bg":{"cb":true,"v":"#121212"},"fst-fontName":{"cb":true,"v":"Arial"},"fst-color":{"cb":true,"v":"#ffffff"},"fst-fontSize":{"cb":true,"v":"12"},"fst-fontStyle":{"cb":true,"v":"0"},"fst-hover-color":{"cb":true,"v":"#ffffff"},"snd-width":{"cb":true,"v":"180"},"snd-height":{"cb":true,"v":"28"},"snd-bg":{"cb":true,"v":"#242424"},"snd-hover-bg":{"cb":true,"v":"#121212"},"snd-fontName":{"cb":true,"v":"Arial"},"snd-color":{"cb":true,"v":"#ffffff"},"snd-fontSize":{"cb":true,"v":"12"},"snd-fontStyle":{"cb":true,"v":"0"},"snd-hover-color":{"cb":true,"v":"#ffffff"}}}</div> <div class="tshop-pbsm-shop-nav-ch siteType1"> <div class="skin-box-bd"> <div class="all-cats popup-container"> <div class="all-cats-trigger popup-trigger"> <a class="link" href="javascript:void(0)"> <span class="title"> 所有分类</span> <i class="popup-icon"></i> </a> </div> </div> <ul class="menu-list"> <li class="menu menu-selected"> <a class="link" href="javascript:void(0)"><span class="title">首页</span></a> </li> <li class="menu"> <a class="link J_TGoldData" href="javascript:void(0)"><span class="title">店铺动态</span></a> </li> </ul> </div> </div> </div>
从本地上传