返回列表

作者:巨人电商

清新韩版卡通风格简约淘宝店铺专业版旺铺免费装修模板

POST TIME:2020-10-24

【模板介绍】  模板为清新韩版卡通风格简约淘宝店铺装修免费全套模板。模板没有复杂的装修代码,都是由简单的图片装修而成,这么简单的模板看起来还是蛮不错的,清新符合小而美的风格。很适合淘宝女装店铺、小饰品店铺等个性淘宝店铺使用的模板。

【模板风格】  清新韩国卡通

【模板适用】  淘宝新旺铺专业版

【模板下载】  注册装修宅会员,免费下载,全套模板。

【装修教程】  装修宅就简单说明一下,如下面步骤

步骤一:装修--样式管理--背景设置--页头设置,如下图。

页头背景图更换:装修宅提供了”页头背景图.jpg“素材。

页头下边距10像素:关闭

背景显示:不平铺

背景对齐:居中

 装修--样式管理--背景设置--页面设置,如下图

页面背景图:更换图片“店铺背景图.jpg”

背景显示:纵向平铺

背景对齐:居中

 

步骤二:装修--页面管理--首页--自定义店招--复制粘贴“01店招代码.txt”文件内容。

招牌高度是120px

 

步骤三: 导航条--编辑--显示设置--复制粘贴“导航css代码.txt”文件内容,代码如下。

  1. .skin-box-bd,.menu-list .menu{background:none;font-size:0;line-height:0;border:none;margin:0;padding:0;overflow:hidden;}.skin-box-bd .all-cats{_width:auto;max-width:none;height:auto;margin:0;float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}.menu-list{background:none;width:auto;height:auto;float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}.menu-list .link,.menu-list .menu-selected .title,.menu-list .menu-hover .link,.popup-content,.all-cats-popup .snd-pop .snd-cat-hd-hover{background:none;}.all-cats-popup .popup-content{width:100%;}.all-cats-popup .snd-pop .snd-cat-hd-hover a{text-decoration:underline;padding-left:17px;}.all-cats .link .popup-icon,.menu-list .menu .link .popup-icon,.all-cats-popup .has-children .fst-cat-icon{display:none;background:none;}.all-cats-popup .cats-tree .fst-cat{height:auto;border:none;float:none;width:auto;_zoom:1;}.title{font-size:12px;font-weight:normal;margin:0;}.menu-list .link,.popup-content{border:none;font-size:12px;}.cats-tree{margin:0;padding:0;background:none;}.cats-tree h4{height:auto;font-weight:normal;background:none;}.cats-tree h4:after{height:0;overflow:hidden;}.fst-cat-icon,.snd-cat-icon{background:none;margin:0;display:none;}.snd-cat-hd a{padding-left:15px;}.skin-box-bd,.menu-list .menu{height:30px;}.skin-box-bd{text-align:left;background-color:#FFFFFF;background-repeat:repeat-x;background-position:50% 0px;}.menu-list .menu-hover{background-color:#666666;}.menu-list .link{padding:0 20px;cursor:pointer;}.menu-list .menu .link .title{color:#1C1C1C;height:30px;line-height:30px;}.menu-list .menu-hover .link .title{color:#FFFFFF;}.link .title{font-family:微软雅黑;}.menu-list .menu .link .popup-icon{border:4px solid;border-color:#FFFFFF;margin-left:6px;margin-top:13px;font-size:0;width:0;height:0;display:block;_display:inline;overflow:hidden;}.menu-list .menu-hover .link .popup-icon{border-color:#666666;border-top-color:#FFFFFF;}.all-cats{background-color:#FFFFFF;background-repeat:repeat-x;background-position:0px 0px;}.all-cats .link{padding:0 20px;cursor:pointer;width:80px;background:none;border:none;height:30px;line-height:30px;}.all-cats .link .title{color:#1C1C1C;height:30px;line-height:30px;font-family:微软雅黑;font-size:14px;}.menu-list{width:830px;}.all-cats .link .popup-icon{border:5px solid;border-color:#FFFFFF;border-top-color:#1C1C1C;margin:12.5px 0px 0 0;float:right;font-size:0;width:0;height:0;display:block;_display:inline;overflow:hidden;}.all-cats-hover .link .popup-icon{border-color:#666666;border-top-color:#FFFFFF;}.all-cats-popup{background-color:#666666;width:180px;}.all-cats-popup .cats-tree .cat-hd-hover{background-color:#000000;}.all-cats-popup .cats-tree .snd-pop-inner{_background:none;background:#000000;}.all-cats-popup .cats-tree .fst-cat .fst-cat-hd .cat-name{color:#FFFFFF;width:75%;padding-left:20px;}.all-cats-popup .cats-tree .cat-hd-hover .fst-cat-hd .cat-name{color:#FFFFFF;}.all-cats-popup .snd-pop .snd-cat-hd a{color:#FFFFFF;}.all-cats-popup .snd-pop .snd-cat-hd-hover{background:none;}.all-cats-popup .cat-hd a{height:28px;line-height:28px;position:static;}.all-cats-popup .has-children .fst-cat-icon{border:3px solid;border-color:#666666;border-left-color:#FFFFFF;margin-right:8px;margin-top:11px;position:static;font-size:0;width:0;height:0;overflow:hidden;display:block;_display:inline;float:right;}.all-cats-popup .cat-hd-hover .fst-cat-icon{border-color:#000000;border-left-color:#FFFFFF;}.menu-popup-cats{background-color:#666666;width:160px;}.menu-popup-cats .sub-cat-hover{background-color:#000000;}.menu-popup-cats .sub-cat a{color:#FFFFFF;width:auto;height:auto;}.menu-popup-cats .sub-cat-hover a{color:#FFFFFF;}.menu-popup-cats .sub-cat{height:28px;line-height:28px;width:auto;}.all-cats-hover{background-color:#666666;background-image:url(about:blank);}.all-cats-hover .link .title{color:#FFFFFF;} 

 

剩下的都是新建自定义内容模块,然后添加代码或者上存插入图片。大家可以按照我的演示图来安装图片。需要注意的是所有添加的模块,都是不显示标题的。有空我会弄个视频出来,给新手店长学习。

 

 如果在使用代码模板的过程中提示错误“您不能使用他人图片空间中的图片”,那就需要自己查看代码中的图片,下载下来并上存到自己的图片空间,替换对应的链接。

这套模板代码不会修改?装修宅推荐一键安装模板,傻瓜式操作!提供限量激活码!大家可以体检一下!90元300多套特效模板,一键安装,永久使用!