|
发表于 2015-4-11 03:48:31
|
显示全部楼层
淘宝店铺海报制作:
搜下网络制作海报代码的站点
例如:http://www.xfbdw.com/
然后找几张你想放置的海报图片,上传到淘宝图片空间,在空间里复制图片链接地址,粘贴在制作海报代码的图片地址位置,建议用950*500的尺寸。
例如下面这段代码就是我配置好的,你可以拿去测试:
- <div style="height:480px;" class="QdotCode"> <div class="footer-more-trigger most-footer Qdotpstpaz8UE" style="border:none 0;padding:0;background-color:transparent;width:950px;height:500px;border:none;padding:0;top:auto;left:auto;"><div class="footer-more-trigger most-footer Qdotpstpaz8UE" style="border:none 0;padding:0;background-color:transparent;width:950px;height:500px;left:-0px;top:-20px;border:none;padding:0;overflow:hidden;"> <div class="Qdotlayerpaz8UE" style="height:500px;width:950px;overflow:hidden;"> <div class="Qdotwrappaz8UE J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect': 'scrollx','easing': 'easeInStrong','circular':true,'interval':'5','duration':0.5,'autoplay':true,'contentCls': 'Qdotcontentpaz8UE','prevBtnCls':'Qdotprevpaz8UE','nextBtnCls':'Qdotnextpaz8UE'}" style="height:500px; width:950px; overflow: hidden; position: relative;"> <div class="most-footer footer-more-trigger" style="width:950px;height:60px;border:none 0;padding:0;background-color:transparent;z-index:80;left:auto;top:430px;"> </div> <ul class="Qdotcontentpaz8UE clearfix" style="top: 0px; position: absolute;z-index:9;width:999999px;"> <li style="list-style-type:none;margin:0px;padding:0px;width:950px;height:500px;float:left;"> <img border="0" src="http://img04.taobaocdn.com/imgextra/i4/66569363/TB2kp5acp**XXf********_!!66569363.jpg" height="500" width="950" /></li> <li style="list-style-type:none;margin:0px;padding:0px;width:950px;height:500px;float:left;"> <img border="0" src="http://img01.taobaocdn.com/imgextra/i1/66569363/TB2YMXZcp**XcXXp******X_!!66569363.jpg" height="500" width="950" /></li> <li style="list-style-type:none;margin:0px;padding:0px;width:950px;height:500px;float:left;"> <img border="0" src="http://img03.taobaocdn.com/imgextra/i3/66569363/TB221J8cp**XcI********_!!66569363.jpg" height="500" width="950" /></li> <li style="list-style-type:none;margin:0px;padding:0px;width:950px;height:500px;float:left;"> <img border="0" src="http://img02.taobaocdn.com/imgextra/i2/66569363/TB2MFV5cp**XajXp******X_!!66569363.jpg" height="500" width="950" /></li> </ul><span class="Qdotprevpaz8UE" style="display:none;"> </span> <span class="Qdotnextpaz8UE" style="display:none;"> </span> </div></div></div></div></div></div>
复制代码
这是我的店铺,还是测试版的,我将边学边调节:
http://up88.taobao.com/
|
|