艺灵设计

全部文章
×

淘宝定位布局辅助工具帮助文档

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

坑爹的百度又把网站给降权了!泪奔~

今天来发布下第11款生成器→→《淘宝定位布局辅助工具》的帮助文档。下面先来上一张生成器界面截图:
定位布局辅助工具

先来对此款辅助工具做下点评:
优点:提供生成“完整”和“精简”两种模块,同时也提供输入“纯文本”或“已封装好的需要定位的代码块”两种模式,输入代码后只需点击“提交”再点击“生成代码”即可轻松解决店铺中定位的难题!
缺点:两种模式切换不是很方便
使用难度:  动手能力:

好了,下面进入对上图各数字的功能进行讲解时间:
1.参照物宽/高度:说白了,就是定位布局的背景内容的宽/高度。建议填写准确的值,便于生成精准的布局代码。
2.店铺类型:默认C店专业版(950),天猫店铺请选择B店;生成的代码安装时一定要安装到对应的店铺类型以及对应尺寸的模块中,否则不会居中或全屏!举例:选中“C店基础版(左190)”,则生成的代码安装到淘宝C店基础版左侧宽为190px的模块中;
3.生成选项:提供“完整”和“精简”两种,前者适用于小白,生成的是完整的代码;后者只生成定位的代码,便于安装到任意自定义模块中。
4.模块下边距:新增功能,当选择“清除”后,生成的代码会自动根据店铺类型来清除20/10px。
5.图片链接:1的图片链接,请务必更换自己空间的图片链接。
6.模块号:只提供10个模块区,正常情况下有3个就足够了,用不了那么多。
7.面板按钮:可点击展开或收缩面板。
8.模块对象:默认文本型,选择“html”型后可以输入自己已封装好的代码块。
9.宽/高/上/左:分别指当前模块的宽,高,居上和居左的位置。
10.字体设置:当选择了“text”文本型后,可以给字体进行一些简单的设置。
11.链接:当选择了“text”文本型后,可以给字体添加或删除链接。
12.跑马灯:当选择了“text”文本型后,可以给字体添加跑马灯效果。
13.清空按钮:点击后会清空掉当前模块的内容,慎重点击!
14.提交按钮:点击后才能成功向页面中插入代码。
15.生成代码:点击前需要先提交模块中的代码,再点击即可生成代码,再复制左侧的文本域中的内容到自己店铺中,保存发布即可。
16.生成代码区:这里为最终生成的代码,可直接复制到店铺中应用。注意:每次修改上面参数后必须要重新生成新代码!安装教程图:
html内容操作步骤
17.成品效果:点击可以在新页面预览最终的效果。
18.帮助文档:点击后会跳转到这篇文章。
19.即时效果区:点击提交后这里会发生变化,便于观察效果,最终效果请点击“成品效果”后浏览;

明日发布此生成器地址,敬请期待。

2014.09.14 16:20新增   

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

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

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/code/2014-09-13/207.html

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

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

Tag: 淘宝定位布局辅助工具 店铺屏蔽绝对定位 全屏框架代码 淘宝店铺装修代码生成 footer-more-trigger sn-simple-logo

上一篇: 淘宝百变轮播特效代码生成器帮助文档   下一篇: 淘宝Widget规范文档

评论区