艺灵设计

全部文章
×

淘宝全屏海报+多链接代码生成器使用说明

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2014-07-17 16:18:10 - 阅: - 评:3 - 积分:0

经过洒家几天的不停奋战,处女作品“淘宝全屏海报+多链接代码生成器”已经开发完毕,马上就要上线了(好激动!)。附截图一张:

当然了,这个是永久免费的哦!

此神器最大的特点就是傻瓜式操作,用户无须懂代码,只需简单几操作便可装修出“高大上”的店铺!当然了,图片需要自己准备,这个洒家不提供的哦。在即将上线之前,洒家有必要写一篇关于此神器的教程帖。

特色一:正宗全屏代码适应不同分辨率

以往很多亲写的代码只能适应当前分辨率,一旦换个分辨率的电脑后,错位是常见的问题。很多时候,出现错位只能证明一个问题:原代码并非正宗的全屏代码框架!而此款工具解决了这一点,无论是1440还是1920还是更大的分辨率,都可做到完美自适应。当然了,前提是图片的尺寸要够哦!

特色二:一图多链接

我想这个功能是很多亲都梦寐以求的吧。正常情况下,都是放到dw中,然后用热点在图片中画热点,如果亲不会dw呢?苦逼了吧......
此神器完全告别dw热点,不用担心复杂的热点,也不用担心点击后会出现令人恶心的黄色边框。只需要开启“高级功能”,系统便自动生成一个链接模块,而且还有提示哦!按下鼠标可拖动模块到亲想要的位置,修改模块大小时,模块会及时做出调整,便于亲更好的操作,最后别忘记填写宝贝链接哦。

特色三:模块增删自如且最多可创建9个

每次点击“新增模块”后都会自动创建一个唯一模块同时下方会生成一个对应的“链接n”,并且模块最多可创建“9”个。什么,9个?我没有听错吧。对!你,没有听错,是9个,绝对满足亲的需求!模块可任意创建,当然也可任意删除。点击模块右上方的小“X”即可成功删除掉当前模块。每次新增或删除时,都有有弹窗提示,这里说明下,弹窗功能在后面会进行改进,先就这样弹吧,弹弹弹,弹出超链接。

特色四:即时预览功能

此神器默认状态即为编辑状态,也就是说:修改下面的值时,上面会同步即时操作,为亲减少时间,提高效率很有必要的哦!提供C店与B店两种类型,点击即可自动切换对应店铺代码。当亲一切都操作完成后,再点击“生成代码”,即可生成亲亲手制作的“高大上”专属代码,复制到店铺中即可使用。

特色五:永久免费

此神器永久免费,无须积分便可操作。后续会对其进行完善与开发新功能,敬请期待!

至此,此神器的各大功能已介绍完毕,亲们可以开始疯狂的生成专属亲的代码啦!生成代码后进入店铺→→新建自定义模块→→点击编辑→→点击源码→→粘贴刚复制的源码→→确定→→发布。一定要发布,预览无效的!附截图一张:

最后,亲们在使用中如有任何疑问,均可在评论区中提交问题(严禁回复无意义内容);或者点击导航上面的qq头像直接进群(请使用自己的大号,小号有不良记录的审核不会通过!)请教;或者将问题发我qq邮箱:315800015@qq.com。同时,如果亲在使用中发现生成器有bug,还请亲能慷慨指出,提前谢过!

2014.07.23 16:30更新

应用地址:http://www.yilingsj.com/zxsc/lbtx/2014-08-09/187.html

原版已上传到百度云:yun.baidu.com/share/link?shareid=591772346&uk=491107215

2014.08.09 22:50更新

今天将此生成器改进了下,附图一张:

下面对上图各数字的功能进行讲解:
1.图片宽度:默认1920,如果想全屏请设置成1920,建议值范围[700,1920]。
2.图片高度:默认值为592,建议值在[100-600]之间。
3.链接类型:默认是新窗口,链接的打开方式,这里只提供两种,一种是新窗口;一种是本窗口。
4.店铺类型:默认C店专业版(950),天猫店铺请选择B店;生成的代码安装时一定要安装到对应的店铺类型以及对应尺寸的模块中,否则不会居中或全屏!举例:选中“C店基础版(左190)”,则生成的代码安装到淘宝C店基础版左侧宽为190px的模块中。
5.多链功能:默认关闭,开启后才可以创建出更多的超链接,已由9个增加至20
6.代码压缩:默认值是,当点击【生成代码】后会自动压缩代码,占空间更小。当再次选择否后,需要再次点击【生成代码】好生成新代码哦!
7.图片链接:请从自己店铺空间复制图片链接后替换,否则在店铺中应用时会被系统过滤掉!
8.宝贝链接:想要链接到的宝贝链接。
9.新增按钮:开启高级功能后此功能才可使用,最多可创建20个超链接。
10.删除按钮:每次点击都会删除对应的超链接,当全部删除后,高级功能自动关闭。
11.模块n链接:想要链接到的宝贝链接,上面创建的模块可拖动。
12.模块宽度:就是超链接的宽度。
13.模块高度:就是超链接的高度。
14.生成代码:这一步是关键,不点击的话就不能生成亲亲手设置的代码哦!
15.生成代码区:在这里鼠标单击后按下“Ctrl+C”即可成功复制代码,然后再店铺中新建一自定义模块,选择源码,粘贴代码后按确定,发布后方可看到店铺中的效果,不保存只预览无效!!!
16.成品效果:点击这个前必须要先生成代码,点击后会在一个新页面中展示效果。
17.使用攻略:点进去后会跳转到这篇文章。
18.原始效果区:这里是默认效果区,修改下面的值时这里会发生同步变化,若想看到修改后的整体效果,建议点击【成品效果】。

2014.08.18 23:10更新

新增c店基础版,由于c店基础版比较特殊,不能直接创建950模块,只能左右布局,即:左190,右750;或者是左750,右190;因此需要分4种情况讨论,目前已解决问题,在生成代码时一定要选好自己创建的模块以及要放的是左边还是右边,放错位置的话就不会达到全屏且居中的效果,切记!附图一张:
兼容c店基础版

2014.08.31 17:10更新

新增功能:
1.链接选项:只能清除海报的链接。
2.另类全屏:新增“B店页尾全屏”和“C店详情页背景全屏”,点击【另类全屏】可进行自由选择。(注:“C店详情页背景全屏在成品效果中预览时会错位,属于正常现象,安装到店铺中时请务必安装到左侧第一个模块的位置,否则会有问题”)
修复功能:
1.修复了以往开启“高级功能”后先删除模块一再添加模块时序号重叠的bug;

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/code/2014-07-17/175.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 多功能淘宝全屏海报代码生成器 免费在线生成淘宝全屏海报代码 全屏代码框架 生成器使用攻略

上一篇: 淘宝店铺模块间10px问题详解   下一篇: 淘宝百叶窗轮播特效代码生成器使用说明

评论区