京东自由布局工具任意图组件的使用方法
分享到:
作者:陈俊 日期:2016-12-3 10:44 人气:7258 分类:自由布局教程
自由布局工具中的任意图其实很简单啦,你只要准备好你的单张图片,然后左边工具栏选中任意图组件在空白处鼠标左键单击就可以了,然后替换成你自己图片空间的图片地址,任意图使用得好可以布局出很漂亮的页面来,任意你布局,复杂布局还是方方正正布局都不成问题的。
同时这个功能还可以在任意图上加多链接或加其他效果上面哦,先鼠标右键可以看到有锁定选项点击锁定后会出现一把锁,如果要接除锁定得鼠标左键点击这把锁就可以解除锁定了啦!
以下是视频教程,演示得更加详细哦,教程会教一图或多图拼接成首页的实现方法及模块上加入多层固定背景效果案例演示。
疯狂的美工京东自由布局工具热区组件及任意图组件搭配使用教程
准备工作:准备好要用到图片,背景图尺寸建议1920*1080 任意图素材可做PNG透明图片,如果要做多层固定背景也就是模块背景效果放模块背景图片地址框那背景选固定选项
温馨提示:图片空间图片地址复制出来后要手动加上前缀http:(冒号是英文状态下打哦)或者放到浏览器中打开一下图片地址会自动加上,再复制到工具中操作即可
使用任意图加热区一定要先鼠标右键锁定任意图再画热区 (锁定后图片左上角有解锁按钮)
疯狂的美工京东自由布局工具(含助手)最新版下载地址:https://www.fkdmg.com/gongju/2696.html
操作完就可以生代码装店铺啦!安装方法和其他功能的方法一样,源码模式粘贴代码,装店铺990宽的自定义区里就可以了啦!,如果你的布局超了系统模块宽990那请勾选加入全屏代码选项,如果要背景图则放图片地址模块背景框框内。如果要多层固定背景也就是模块背景的效果请勾背景固定选项,此时背景尺寸建议是1920x1080.不要这个效果直接按默认的背景不固定即可!操作不难,亲们自己多多试验一下就知道其中的区别了!
下面可以看一下疯狂小编布局的效果预览图:
助手操作教程查看更多
- 京东在线制作CSS开关灯动态特效代码模板,鼠标触碰变暗变亮遮罩效果
- 京东宝贝格子模块代码在线制作生成器工具教程,一键提取图片参数信息生成促销模板
- 京东手机店铺装修实现无线端多图多链接自由热区切图模块视频教程,无需包月模板
- 京东实现侧边左右跟屏悬浮导航侧滑条模块,支持自定义内容位置及设置第二屏开始显示
- 京东商城JD店铺全屏热点工具(一图多链接)的使用方法
- 京东在线版CSS3开关门代码特效工具教程,实现鼠标经过自动开门鼠标移开自动关门
- 京东活动海报模块上实现陨石火球彩带坠落代码效果工具教程(可自定义坠落素材)
- 京东实现TAB卡盘触控轮播多链接模块的安装,在线版多图多效果自由触控代码工具教程
- 京东店铺实现鼠标经过按钮内容模块自动切换轮播自由触控卡盘效果代码功能教程
- 京东全屏CSS3动态海报抖动效果代码生成,海报上透明图片自动上下抖动带动感
常见问题/技术分享查看更多
- 2020京东手机无线端店铺装修首页和详情页尺寸分别是多少?
- 京东装修粘贴代码鼠标出现画图现象无法点击确定保存代码按钮的解决方法
- 京东移动端装修添加分类链接及宝贝详情链接方法,简单几步获取无线链接
- 京东无线端自定义页面怎么装修?JD手机店铺创建二级活动页面步骤演示
- 京东图片怎么上传到图片空间?教大家上传图片及给图片添加多链接方法
- 京东手机无线端店铺怎么添加轮播图切换模块?JD移动端轮播加链接教程
- 京东装修后台粘贴自定义模块代码显示空白,无法显示自己设计的图片内容解决方法
- 京东装修时提示输入中z-index数值不能超过5的解决办法
- 京东店铺装修使用自定义视频代码时提示输入中包含非法外部HTML5引用的解决方法
- 疯狂的美工京东装修助手13.0下载【老版的使用账号密码登录,供未转移账号到新平台的用户使用】