艺灵设计

全部文章
×

在线生成软件帮助文档

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2015-07-19 22:46:04 - 阅: - 评:1 - 积分:0

抽了两整天的时间,艺灵整理了一份在线生成的帮助文档。目前已上线的所有软件中的属性说明及使用方法大部分均可在下方表格中查看,新手在使用软件前请务必解读此文档,以免对各属性不了解而出错。(软件视频会陆续录制,视频教程目录见最下方。)

在线生成软件帮助文档 v0.1
属性 取值 说明 举例
基本参数 框架宽度 正数 代码外框架宽度,非店铺系统模块宽度! 一张海报宽度为1600,此处填写成1600即可让此海报成功突破淘宝/天猫系统模块宽度(190/750/950/990)限制。 
框架高度 正数 代码外框架宽度,非店铺系统模块宽度! 一张海报高度为500,此处填写成500即可,高度小于500时图片显示不全,若大于500,则会出现下边距空隙。 
店铺类型 下拉框中选择 淘宝店铺分天猫旗舰店、天猫专营店、淘宝专业版、淘宝基础版等若干版本,不同版本后台中的模块尺寸均不相同。
1.天猫B店(990)指天猫店铺990模块;
3.C店基础版(左190)指淘宝基础版左侧190模块;依次类推。
如果生成代码时选择的是“3.C店基础版(左190)”,那么在店铺中安装代码时务必安装到左侧190模块中,否则会出现偏移或错位现象! 
全屏类型 下拉框中选择 1.普通:天猫店铺首页+二级、淘宝店铺首页;
2.B店页尾:仅指天猫B店页尾全屏(可解决水平滚动条问题);
3.C店详情页:淘宝C店详情页全屏固定背景;
4.全屏固定背景:天猫店铺首页+二级、淘宝店铺首页
如果生成代码时选择了“2.B店页尾”,在店铺中安装代码时一定要放到天猫店铺页尾,否则无效! 
图片信息 图n参数 正数 此处的n指第n张图片 新增了一张海报,此时有两张海报,修改时需要对号入座! 
底图地址 src路径,非href 需看场景来定义具体用途  相关软件:视差滚动特效
gif地址 src路径,非href 需看场景来定义具体用途  此处的gif地址表示视差滚动中透明雨滴的src
png层地址 src路径,非href 需看场景来定义具体用途  此处的gif地址表示png文本层或图像层的src,相关软件:视差滚动轮播
地址 src路径,非href 第n张图片的src地址 想做一个全屏海报,在自己图片空间中找一张全屏海报的图片,然后复制其src地址粘贴到这里。 
宝贝链接 href格式,非src路径!!! 想要链接到超链接 点击时跳转到首页,那么这里就放店铺首页的超链接。(ps:地址栏中的链接即是) 
宽度 正数 需看场景来定义具体用途  此处的宽度表示第一张小图的宽度,相关软件:百变轮播
高度 正数 需看场景来定义具体用途  此处的高度表示第一张小图的高度
居上 整数 top值  此处的居上表示第一张小图的top值
居左 整数 left值  此处的居左表示第一张小图的left值
上边距 正数 即margin-top的值  此处的上边距表示“视差滚动特效”软件中第一张图的上边距值为20px
右间距 正数 即padding-right的值  此处的右间距表示多图旋转木马中每张图片父级的padding-right值为8px
遮罩图地址 src路径,非href 鼠标滑过时遮罩层的src  遮罩层的src,相关软件:鼠标滑过遮罩特效(破解版)
运动方向 下拉框选择 鼠标滑过时遮罩层的运动方向  鼠标滑过第一张图时,遮罩层从下向上运动
动画时间 正数 1s=1000ms(ps:1秒等于1000毫秒)  鼠标滑过第一张图时,遮罩层从下向上运动的时间为80ms
动画效果 下拉框中选择 默认表示的是遮罩层的动画效果,共6种  鼠标滑过第一张图时,遮罩层从左向右运动,相关软件:鼠标滑过n种特效(积分浏览,不喜勿点)
边框效果 下拉框中选择 表示边框特效的效果,共72种  鼠标滑过第一张图时,边框特效是以左上角为起点,顺时针出现
原价 正数 宝贝的原价格  鼠标滑过时显示第一个宝贝的原价
折后 正数 宝贝折后的价格  鼠标滑过第一个宝贝时显示打折后的价格
反面地址 src路径,非href 鼠标滑过时展示的内容  鼠标滑过第一个宝贝时反面图片从右向左出现
下拉标识 与class相同 支持英文字母、数字、下划线、中划线,禁止出现汉字!!!  此处的下拉标识表示弹出层中每个触点的class名,系统会自动增加数字标识以防弹出冲突。
对齐方式 下拉框选择 弹出层分触点层和弹出内容层,共81种对齐方式  此处的对齐方式表示弹出层中触点图1的对齐方式为tl,弹出图1的对齐方式为cc
亮区宽度 正数 聚光轮播中间亮区的尺寸  此处的亮区宽度表示聚光轮播中间亮区宽度
滑过内容 支持html源码和纯文本 鼠标滑过时显示的内容  默认文本为“艺灵设计”,滑过文本为“在线生成”,当鼠标滑过“艺灵设计”时会显示成“在线生成”。相关软件:自定义导航下拉菜单(试用版)
增加按钮 点击即可成功增加一张图片 首页需要3张全屏海报,现在已经添加了一张,再点击增加按钮再次即可。 
删除按钮 点击即可成功删除一张图片 现在已经添加了3张全屏海报图片,但第2张是重复的,只需要在第2行点击删除即可。 
导航栏目 水平填充 正数 就是padding-left和padding-right的值  此处使用padding的好处是让导航栏自适应宽度,相关软件:css3炫酷导航
导航n类型 下拉框中选择 提供图片src和纯文本两种类型格式,完全解决需求问题  可通过下拉选择来决定每一子栏目是图片还是纯文本
文本内容 支持汉字、英语、阿拉伯数字等其它语言 此处填写的内容会出现在导航栏上  第一个导航子栏目上出现的文本就是“艺灵设计”
图片地址 src路径,非href 当导航类型选择为“图片”时会自动切换  此时第2个子栏目最终显示的就是一张图片。
正数 当导航类型选择为“图片”时会生效  可调整第2个子栏目的宽度。
文本链接 href格式,非src路径!!! 第n个子栏目的超链接  点击第一个导航子栏目后跳转到相应的地址。
new图标 下拉框中选择 看场景而使用  开启后在导航栏目上会看到一个new图标。
图标地址 src路径,非href 可替换成任意图标src  此处表示第一个子栏目上方有一个小图标。
子栏目宽 正数 固定每个子栏目的宽度  此处的数值表示每个子栏目的宽度均为110px。相关软件:炫酷弹性导航(积分浏览,不喜勿点)
其它配置 激活值 正数 widget中的activeIndex,默认激活的列表项  相关软件:360度全方位旋转
字体 下拉框选择 font-family  
字号 正数 font-size  
加粗 下拉框选择 font-weight  
颜色 十六进制格式 可手动输入,亦可点击颜色库选取颜色,亦可选取透明色。color  
背景色 十六进制格式 可手动输入,亦可点击颜色库选取颜色,亦可选取透明色。background-color  
平铺类型 下拉框选择 背景图片平铺类型,即:background-repeat  
动画类型 下拉框选择 鼠标滑过时过渡类型,即:transition-timing-function  
动画时长 下拉框选择 鼠标滑过时持续时间,即:transition-duration  
动画配置 动画效果 下拉框选择 widget中的effect,切换时的动画效果。详情参见淘宝widget文档  相关软件:全屏轮播
动画方式 下拉框选择 easing,滚动的动画方方式  
动画时长 下拉框选择 duration,一张图片开始切换到另一张图片显示的时间  
延迟时间 下拉框选择 delay,当前显示图片到切换其他图片动作开始,这中间的停留时间  
自动播放 下拉框选择 autoplay,开启后轮播自动播放  
触发点 下拉框选择 hasTriggers,关闭后不会显示目标列表  
触发方式 下拉框选择 triggerType,mouse:滑过,click:点击  
翻页按钮 下拉框选择 关闭后不会出现左右箭头  
切换个数 正数 steps,切换视图内有多少个panels  相关软件:多图旋转木马
叶  数 下拉框选择 将一张图平均切割成多少份  ,相关软件:百叶窗轮播
箭头特效 下拉框选择 鼠标滑过时关于箭头的几种效果  ,相关软件:css全屏轮播(积分浏览,不喜勿点)
交错滚动 下拉框选择 开启后可设置轮播动画效果为:scrollx+scrolly等组合方式  相关软件:视差滚动轮播
宽、高度 正数 目标列表外框架宽、高度  ,相关软件:全屏轮播
对齐方式 下拉框选择 目标列表子级的text-align值  
居下 正数 目标列表外框架的bottom值  
透明度 下拉框选择 目标列表外框架背景的opacity值  
圆角 正数 目标列表外框架背景的border-radius值  
右间距 正数 目标列表子级的margin-right值  
字号 正数 目标列表子级的font-size值  
滑过文本色 十六进制格式 滑过目标列表时显示文本色,color  
滑过背景色 十六进制格式 滑过目标列表时显示文本背景色,background-color  
默认内容 支持文本或html源码 目标列表中默认展示的内容,如:1,2,n;  
滑过内容 支持文本或html源码 滑过目标列表时展示的内容,如:1,2,n;  
地址 src路径,非href 左右箭头的src  
滑过地址 src路径,非href 左右箭头滑过时的src  
内容设置 切换视图区域 整数 widget中的viewSize,切换视图区域的大小  相关软件:开关门特效
平铺类型 下拉框选择 background-repeat  
x轴偏移 整数 background-repeat-x  
y轴偏移 整数 background-repeat-y  
内容设置 html或纯文本 点击开门按钮后展示的内容  
辅助功能 模块下边距 正数 系统默认下边距为10或20,详情点击后面问号查看。 如果自己店铺的下边距值为10,这里就填写10;如果是20这里就填写20。填写后在生成代码时会自动清除当前模块的下边距。 
多链功能 下拉框选择 想在图片任意地方添加超链接时可开启此功能。 一张海报上面有3个宝贝,现在想给每个宝贝添加相对应的超链接,此时开启此功能,然后就可以添加多个超链接了,上限为100。 
审查图片 下拉框选择 开启后再点击图片地址时会弹出当前地址的缩略图。 在“图2参数”这一栏中点击地址框,然后就会弹出缩略图。 
超链接选项 下拉框选择 关闭后会清除所有宝贝链接。(注:多链功能添加的超链接不清除)  
超链接窗口类型 下拉框选择 此处只提供“新窗口(_blank)”和“本窗口(_self)”两种打开类型 如果选择了本窗口,在点击宝贝时当前页面会替换成点击后的页面。 

关于软件运行环境的事,虽然在每款软件的“软件信息”中都有明确说明, 但艺灵不得不再次重复一遍!软件环境:非ie内核浏览器,推荐Chrome,Ff,Opera,360极速,360安全,淘宝,搜狗等任意一款。若浏览器自带双核,请切换至极速,否则软件无法运行!

至于为什么要再次重复,那是因为曾有看官3次栽到同一个坑里!用ie内核浏览器会出问题还请看官们在使用软件时看字,谢谢。

在线生成软件相关视频
软件名称 视频地址
全屏海报+多链接 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029433.swf 软件易混淆地方说明(必看!)
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029531.swf 首页全屏海报
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029591.swf B店全屏页尾(无水平滚动条)
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029656.swf C店详情页全屏固定背景
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029708.swf 首页全屏固定背景
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28029752.swf 图片上任意地方添加超链接
店内搜索框 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28063495.swf 制作店内搜索框
淘宝系统自带导航(试用版) http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28063495.swf 自定义系统导航
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28100422.swf 基础版详情页导航全屏(背景)
自定义导航下拉菜单 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28103987.swf 自定义导航下拉菜单
css3炫酷导航 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28138111.swf css3炫酷导航
炫酷弹性导航 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28174567.swf 炫酷弹性导航
清除图片空隙 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28177524.swf 清除热点框
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28177578.swf 去除超链接图片框
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28177642.swf 去除图片空隙
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28177707.swf 解决他人图片问题
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28177824.swf 去除table引起的空隙
清除模块下边距 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208063.swf 炫酷弹性导航
定位布局 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208091.swf 图片上任意位置添加自定义文本
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208117.swf 图片上任意位置添加自定义html源码
视差滚动特效 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208153.swf 视差滚动特效
淘宝flash/视频代码 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208213.swf 图片上任意位置添加自定义flash视频1
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208258.swf 图片上任意位置添加自定义flash视频2
万能全屏代码 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208310.swf 万能全屏代码
加入购物车代码 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28208346.swf 加入购物车代码
自定义悬浮 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28315680.swf 自定义悬浮
c店自定义页面全屏 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28315718.swf c店自定义页面全屏
鼠标滑过换图(破解版) http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28352010.swf 鼠标滑过宝贝时更换图片
http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28352048.swf 鼠标滑过弹出隐藏内容
鼠标滑过旋转特效(破解版) http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28425100.swf 鼠标滑过旋转180度特效
鼠标滑过变亮特效(破解版) http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28425130.swf 鼠标滑过变亮特效
鼠标滑过图片翻转特效(破解版) http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/28998182.swf 鼠标滑过图片翻转特效
京东鼠标滑过变暗特效 http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/30647569.swf 京东鼠标滑过变暗特效
转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/code/2015-07-19/287.html

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

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

Tag: 在线生成 帮助文档 淘宝装修 店铺装修 全屏代码 widget轮播 模块下边距 视频教程 鼠标滑过 css3导航

上一篇: 在线生成软件使用误区及技巧说明   下一篇: 淘宝店铺装修面试题集锦

评论区