扶植标准版突破极限无缝通栏供参考学习.docVIP

扶植标准版突破极限无缝通栏 时间:2011-09-01 23:21作者:网店装修网点击: 207次 分享到： QQ空间 新浪微博 腾讯微博 人人网 开心网 收藏夹 复制网址 更多 0 人要脸面，店要门面，那么本篇跟大家说说装修的问题吧，内容涵盖： 950通栏， 950轮播 ，950宝贝展示， 固定悬停 ，滚动， 团购，套餐，关联宝贝等等，只有想不到，没有做不到， 人要脸面，店要门面，那么本篇跟大家说说装修的问题吧，内容涵盖：950通栏，950轮播，950宝贝展示，固定悬停，滚动，团购，套餐，关联宝贝等等，只有想不到，没有做不到，只花精力，不花财力，八门全开！突破模块尺寸极限，精心打造自己的个性店铺。基本布局尺寸? ? 中间10px的缝隙是笔者心中永远的痛，如果背景是白色，还可以蒙混过关，如果是彩色，那就..大煞风景了笔者忍痛负重，经过惨绝人寰，丧尽天良...(此处省略3587个字，我知道你们不喜欢看)的研究 终于发现了惊天秘密，不但突破了极限尺寸做出了真正的通栏，还想到了可以做固定悬浮模块。好了，下面进入本文精华部分，各位看官别眨眼哦。 图片和代码比较多，笔者力求排版美观，请耐心看，一定能看懂。950通栏大图? ? (店招的箭头是动态的 关于图片制作将在下一篇详细说明哦) 你没有看错，无缝！看看怎么实现的吧 进入装修页面，左栏底部添加自定义内容区，移到顶部，编辑点击源码页面将代码复制进去，再对图片链接进行修改。?通过精华部分的代码让这个模块成为幻灯片，从而凌驾于所有页面之上！这样右边的页面会被挡住。 所以在右栏添加一个空白的自定义内容，DIV style=HEIGHT: 300px/DIV高度和左边一致。扶植版的朋友看这边：在右栏自定义输入以上代码，图片高度属性后面添加 ;RIGHT:200px ” 两个属性之间一定要用半角分号隔开，这段的意义就是让整个页面左移200个像素，这样就刚好居中了， 唯一的缺点是会把左栏的内容挡住，解决的方法是：在左栏添加同等高度的没用的模块，或者上传等高的空白的分类图片。是不是很简单？记得要预览才能看到实际效果哦！这样950通栏大图就完成了，同样在其他页面顶部和尾部添加通栏，就可以实现页头和页尾的效果啦 唯独宝贝详情页的头部不能添加自定义，这是笔者心中永远的痛，即使笔者忍痛负重，经过惨绝人寰，丧尽天良...(此处省略3587个字)的研究，还是摆脱不了这种痛。950轮播大图? ? 13张大图轮播，霸气十足啊！当然实际数量可以自己调整哦，同样是在左侧添加自定义，width是图片宽度，height是图片高度，fade是渐隐轮播的意思，如果要改成上下滚动轮播的话，把上一个fade改成scrolly，下一个fade改成scroll就可以啦如果有一点英文基础的话，看起来是很轻松的哦。 ul/ul是列表的意思，需要几个元素就插入几个li/li可以像上图一样插入图片，也可以插入文字，文字也能轮播，然后右侧添加同高度的空白就可以了哦。当然也可以做右侧750的轮播，只要把尺寸改一下就可以了哦。 扶植版的通栏轮播方法同大图，也是在图片高度属性后面添加 ;RIGHT:200px ”，左边再用空白填补。 950通栏宝贝展示? ? 这本来是拓展版的招牌模块，现在只要是个“版”都可以实现...唉...这让拓展版情何以堪！尽情地设计950宝贝图片吧，一行4个宝贝？5个宝贝？随心所欲！不用再考虑缝隙，不用再考虑背景色，爱怎么切就怎么切。(如何设计？在下面集中介绍) 将切片好的代码复制进去，然后在最上方的Table的尖括号内加入红下划线的代码就可以了。 扶植版的朋友再加蓝下划线的代码，表示向左移动200像素。固定悬停? ? 只截了左侧，“返回顶部”已经霸气外露了！|代码部分即是红条所示的一张宽度为1350的图片。做法和950大图相同，注意尺寸就可以了，比如图片本身是150，想距离边框50那固定悬停的图片就是图片150+50+通栏950+50+图片150=1350实际图片就是一张左右各150中间有1050空白的图片，图片也可以是动态的哦 ? 在左栏自定义输入上面介绍的大图代码，图片地址替换成这张宽1350的图片然后高度属性后面添加 ;RIGHT:200px ”就可以了，扶植版在右栏自定义，那就左移400像素。这里顺便分享一个返回顶部的代码，很简单： A href=#topimg src=图片地址/A也可以是文字A href=#top返回顶部/A团购(实时动态倒计时)团购是最近兴起的店内促销手段，对销量大的卖家来说，效果很好哦，虽然我们规模小，也不妨看看。团购最难做的就是倒计时部分了，设计师的模板或者旗舰店都可