叼爆了!短短不到十行代码,就完美实现了全屏海报!我的心情你能理解吗?哈哈...

全屏轮播在旺铺专业版系统自带的第二、第三套模板下无法居中的问题,已完美解决!五一过后将会重新写一款兼容所有旺铺版本的全屏轮播,包括老旺铺拓展版。

今天能解决此问题,首先要感谢论坛里的一位朋友分享的一款全屏轮播代码,虽然此代码写的很乱,但给予我的帮助是非常大的,真的很感谢这位朋友!

今天先分享一款全屏海报,不带轮播功能的,就只有一张海报。为什么要写这款全屏海报?相信大家都有这种情况,自己的店铺非旗舰版(或者没有订购旺铺CSS),没有自定义CSS的功能,平时想要实现全屏海报,那就要用拼图的方法,首先把中间950部分裁剪,再把其它部分制作成页面背景,图片还必须在100K以内,此种制作全屏海报的方法真的非常麻烦!

  • 浏览: 43450
阅读全文

今晚又成功开发了一款超级js特效分类模块,嘿嘿,为什么叫超级呢?因为这个模块实用、功能强大、突破950界线,非正常950模块,而且最重要的一点,这款模块用户体验非常好! 

左边200象素展示此分类下最热销的一款宝贝,同时鼠标滑过+号时,显示此分类下所有的小分类,方面客户快速查找到自己感兴趣的宝贝;右边750象素展示此分类下几个热销的小分类,鼠标滑过小分类标题时,切换整组宝贝。另外,我还加入了一个超个性的样式,在模块的左侧挂一张自定义图片,是不是很有个性?当然,你也可以把它放在模块的右侧。

屏幕快照-2013-04-27-上午1.00.30.jpg - 大小: 189.46 KB - 尺寸:  x  - 点击打开新窗口浏览全图

  • 浏览: 23892
阅读全文

昨天我刚说过,新旺铺是将来的发展趋势,即使你现在不升级新旺铺,以后你也不得不升级!你没有选择的余地!没想过今天马上就验证了!淘宝真的够速度。

以下为淘宝论坛重要通知:

1、淘宝装修市场 预计将在6月31日之前逐步关闭老旺铺装修模板的订购入口。也就是说,7月以后再也不能订购老旺铺模板了。

2、 对于已经购买老旺铺的卖家,预计将于4月28日-5月31日期间陆续关闭续费入口。也就是说,6月以后,老旺铺将不能再续费。

3、预计将在4月28日-5月20日期间对所有的 扶植版 店铺进行免费升级。如您逾期未操作升级,淘宝将于5月21日-5月31日期间帮您自动升级至 新旺铺专业版。说的好听点,这叫自动升级,说的难听点,其实这就是强制升级,你根本没有选择的权力!

  • 浏览: 4690
阅读全文

说实话今天心情非常不好,很郁闷!火气很大!本来不想写出来的,但我实在是不想再忍了!我不爽就是不爽,没必要装!你既然不信任我,那我还有什么动力干下去!你什么事都先请教别人,那我算什么?

今天为了成人类目模板的那点事,跟老板吵了起来,做成人的应该都知道,现在经营成人用品的店铺要想购买模板,只有找人代购,因为从2011年7月开始,淘宝店铺装修市场就已经禁止向成人类目销售模板了。以前我们可以找人代购SDK模板(SDK1.0),不会有任何问题,一次性付费,终生使用。但现在不一样了,新旺铺是按月收费的,续费就成了最大的问题,模板到期需要续费时,就又要重新找人代购一次,虽然续费时不用再付代购费用,但老板担心的是,将来有一天,淘宝把这个代购的漏洞封了!那我们还怎么续费?谁也说不准淘宝会不会这样做,现在可以利用这个漏洞,并不代表以后还可以一直用,我们不能行走于这个灰色地带,醉清风一直没有升级新旺铺,就是这个原因。

  • 浏览: 4265
阅读全文

今天15号,淘宝美工论坛正式上线了,欢迎大家注册,论坛地址:http://bbs.taobaoux.com/

淘宝美工论坛于4月9号晚成立,采用Discuz做论坛系统。开发Discuz模板花了两天时间,后面三天在做一些细节的修改,还有添加一些论坛内容。为什么要自己独立做模板?因为我看了很多Discuz模板,都没有一款看上的,并不是我要求高,我要的只是一款简简单单的模板,不需要太花哨,更不需要太强的视觉冲击力,毕竟这只是一个论坛。

现在论坛共开设了六大版块,淘宝美工、淘宝装修、淘宝美工教程、淘宝摄影、淘宝美工招聘求职、网站建设等,还需要开设什么版块的,欢迎大家提出,同时也欢迎大家勇跃发贴,为论坛的发展共同努力,致力成为全国最大的淘宝美工论坛!

  • 浏览: 7282
阅读全文

今天真的非常高兴,得“路德”朋友的帮助,终于实现了全屏轮播!全屏轮播的问题,真的困扰了我很久很久,曾经尝试了N多种方法均都以失败告终,我曾一度认为自己永远也写不出全屏轮播了!臭美一点说,我是属于技术型的,遇到问题我就喜欢钻牛角尖,非要想办法把他解决了,如果解决不了,自己心里永远也放不下。

刚看了别人写的全屏轮播代码,真的是自叹不如!第一个想出这个方法的人真的非常聪明,他采用了六种widget组件中的三种,层层嵌套,最外面一层采用Tabs标签页,第二层采用Carousel旋转木马(这一层是实现全屏轮播的关键),最里面一层采用Popup弹出层,实现鼠标放在图片上时弹出左右轮播两个按钮。

  • 浏览: 30396
阅读全文

淘宝装修时,大家是不是想实现这样一个功能,点击链接进入另一个页面,但要自动跳转到页面的某处,而不是一打开就是页面头部。比如店铺做一些大型活动时,一般都会做一个950通栏的活动专题页,这个专题页分为几个部份,我们需要在首页做几个链接,让客户点击不同的链接自动跳转到专题页相对应的部份。曾经,某三金冠店铺也多次采用了这种方法做活动专题页。本站昨天发布的那款宝贝PK模块,效果展示也是采用的这种方法,点击链接直接跳转到对应的模块。

想要实现这个功能,真的非常简单,我们只需要用到<a>标签的name属性。首先,通俗一点说下实现的原理,在你需要跳转到的地方做一个锚,为这个锚起一个名字,然后在链接的后面加上这个锚名字即可,一点链接,浏览器就会自动跳转到这个锚了。

  • 浏览: 8086
阅读全文

不知道大家有没有觉得,模板自带的950轮播很不给力,说的不好听点,就是有些弱智,每次最多只能设置五张轮播图,而且每张轮播图只能设置一个链接,我们能设置的地方只有模块的高度和轮播切换的效果。有时候,我们想用几张小图组合成一张大图,然后每张小图都可以分别点击进入不同的链接,或者我们只是想在一张950轮播图里添加几个链接,但这些简单的功能,我们都没办法实现。

今天,给大家分享一款特色的950轮播模块,让大家可以实现上面的功能。此模块是基于默认950轮播模块修改的,可以说是950轮播的升级版。尺寸一样是950px*500px,可以设置超过五张轮播图,并且可以把几张小图组合成一张大图,然后每张小图都可以分别点击进入不同的链接。注意,我这里说的组合是直接用div框架控制的,并不需要大家做图。左边一张大图,右边四张小图,大图尺寸是:450px*480px,小图尺寸是:230px*235px。本来小图尺寸是想做成230px*230px的,这样就可以直接在原图尺寸后面添加_230x230.jpg获得小图,但因为影响布局美观,最终还是放弃了。

大家可以把五张轮播图都设置成小图组合,前提是你有这么多图,如果你没有这么多图,那你也可以设置一张小图组合,其它四张设置成大图。

  • 浏览: 10054
阅读全文

今天分享一款宝贝PK模块,此模块同样采用Winget组件Carousel旋转木马编写。鼠标划过宝贝名称时,切换宝贝图片,滚动动画方式采用的是bounceOut弹跳效果,很有动感。这里需要说明一下,此模块鼠标划过宝贝名称时,只能切换一个宝贝视图,也就是说此模块并不能实现,划过宝贝名称同时切换左右两边的视图。如果要实现同时切换左右两边的视图,那我真的是没办法,鼠标触发事件我只能控制一个ID容器。编写此模块我采用的是两个Carousel旋转木马,左右各475,合在一起就是950了,整个模块的尺寸是950px*530px。

写此模块只花了一个多小时,但调试却花了我整个下午的时间,目前此模块已经完美兼容各大主流浏览器,包括IE6。如果可以不理会IE6,上午就可以发布了,但我不能那样做,IE6暂时还不能放弃,目前IE6还是有很大一个用户群的。调试完此模块,我又学到了一个新东西,IE6下overflow:hidden隐藏溢出无效,必须要加上一个position定位属性,但请注意,position:absolute属性淘宝是不支持的,当然,模板设计师是可以使用此属性的。

  • 浏览: 10246
阅读全文

今天很高兴,我已经突破了950的界线,但却又并不是完全意义上的突破,因为950的右边已经突破了,但左边却还无法突破。如果淘宝支持margin-left负值属性,那我今天就已经成功编写出全屏轮播了!遗憾的是淘宝只支持margin-left正数,并不支持margin-left负值。大家可以进入我的测试店铺http://tbux.taobao.com/,用谷歌浏览器、淘宝浏览器(搜狗浏览器也可以),在全屏轮播的图片上,右键“审查元素”,最外层DIV添加一个CSS样式:margin-left:-350px;看是不是实现了全屏轮播?但真的很遗憾,淘宝不支持margin-left负值属性。

不能写出一个全屏轮播模块,是我心中永远的一个刺!就算别的模块写的再多,我也忘不了一个事实,那就是我无法实现全屏轮播!为什么想要实现全屏轮播,就那么难?到底难在哪里?今天我就来谈下很多朋友关心的这个话题。

淘宝的全屏轮播,基本用的都是widget组件里的Carousel旋转木马。Carousel旋转木马DOM结构的定义是这样的:“需要滚动的对象依次罗列,包含在内容区的容器中,同时需要两个不同ID的容器来分别包含上下翻页的按钮,另外可以将每一组内容再独自包含在一个ul列表中。”。

  • 浏览: 6217
阅读全文
返回顶部