摘要：今天正式开始制作我的第一套SDK2.0模板。 首先是制作店铺的招牌，因为我个人习惯把首页的样式先制作在PSD中，然后参照PSD，由上至下进行编码实现！在此前，我一度想过使用默认的店招，但是他真的是太不方便了，虽然功能是不错的。我估计，以后每个做模板的设计师，肯定都愿意自己设置一个店招。在制作店招的时候，我考虑了很久，到底店招应该有怎样的一些基本功能呢？1、需要可以设置店招图片这个功能时必须的，没有谁愿意直接使用模板默认提供的店招图片。因为大家都喜欢有自己的个性，喜欢与众不同。2、这个图片要可以添加链接有时候店招图片可能会比较吸引人，也有可能我会在店招上面放置最给力的促销，那么用户肯定会点击这个 阅读全文

摘要：宝贝推荐模块CSS定义规范一（我一直采用less的方式写CSS，觉得这样很方便）宝贝推荐模块的基本结构如下.tshop-pbsm-shop-item-recommend { //模块顶部 .skin-box-tp {} //模块标题 .skin-box-hd {} //模块主体 .skin-box-bd {} //模块结尾 .skin-box-bt {}}一般，为了保持每个模块的标题统一，可以将 .skin-box-tp和.skin-box-hd及.skin-box-bt的样式预定义在common.less中。假设在co... 阅读全文

摘要：修改淘宝系统模块，其实很方便，最关键的是淘宝留下了CSS权重给我们设计师。 利用好这个权重，可以做很多事情！下面是系统店招的样式替换方法：.tshop-pbsm-shop-custom-banner { //店招高度 height:120px; .skin-box-bd { //店招背景图片 .banner-box { background:#000; height:120px; } //店铺名称 h2.title { background-... 阅读全文

摘要：淘宝模板开发工具——sdk2.0中， 支持以less方式编写模块的CSS样式。再经过一些权衡之后，发现less对于编写模块的样式的时候，还是提供了N大的方便，所以，我觉得我应该采用less方式编写模块样式。在创建less样式的时候，目前有这么一个规则：存储公共的css样式：htdocs/模板/assets/stylesheets/common.less模块的CSS样式：htdocs/模板/modules/模块/stylesheets/风格.less对于公用CSS的理解：如果懂点编程知识的话，就会知道，如果需要经常用到的一个运算方法，我们习惯把它定义成一个函数或方法来进行调用。这样就不知道重复的 阅读全文

摘要：如何用CSS处理导航中的所有分类DOM结构分析（隶属于.tshop-pbsm-shop-nav-ch .skin-box-bd .all-cats下）.all-cats-trigger(分类按钮) a.link(所有分类链接) span.title (所有文字) i.popup-icon (下拉箭头样式).all-cats-popup —— 弹出菜单（一级）【此处的宽度将根据.all-cats-trigger的宽度计算，用CSS设置无效】 .popup-inner（所有分类弹出层） ul.cats-tree （一级分类列表） ... 阅读全文

摘要：新版的SDK中Popup组件的写法基本上还是与原来保持一致，不过还需要两个方面：第1方面：DOM结构中的变换【在data-widget-config中需要添加一个'triggerType':'mouse'配置】 1 <div class="tb-module tshop-um tshop-um-testting"> 2 <div class="wrap"> 3 <ul class="triggers"> 4 <li class="one"&g 阅读全文

摘要：淘宝店铺的sdk模板已经准备js内测了，看来淘宝全新店铺的时代已经来临了。这意味着店铺模板已经不再是单纯的依靠美工了，因为有了js功能，能做到很多令人愉悦的交互与体验。既然是淘宝店铺开放js功能，当然淘宝官方的js库——kissy更是需要好好掌握一下的。就目前看来，店铺支持的是kissy1.1.6这个版本，上网搜索了些资料，终于开始了我的kissy之旅啦。今天学会的是——如何开始写kissy？当然还是以受广大编程爱好者的“Hello, World!”为例子比较好。代码如下：1 (function(S) {2 alert('Hello, World!');3 })(KISSY); 阅读全文