135编辑器使用技巧:背景设置、样式增删与图片轮播教程

全面解析135编辑器使用方法,包括全文背景与局部背景设置、区域样式开启、滑动样式中“加一个”“减一个”功能详解,以及如何将模板中的图片替换为滑动或轮播效果,让你的设计更专业更高效。

朋友们大家好,我是三儿。


最近在后台三儿又收到不少朋友的留言提问,包括但不限于:背景怎么设;背景叠加背景又该怎么做;[加一个][减一个]有什么用;ins风格模板中如何将图片替换成滑动或轮播......


大家的求知欲已经快淹没三儿了,没关系三儿主打一个[有问必答],那么今天我们就来讲讲大家遇到的这些问题。


01

背景那些事




01.全文背景如何设置?


在编辑器编辑页顶端,找到背景。



点击背景后,我们可以使用135编辑器提供的背景图,也可以自定义上传背景图(建议上传背景图是连续的、颜色较单一的)




02.背景叠加背景(局部背景)如何设置?


譬如我们想要完成下图所示的效果:有一个橙色格子背景,每一个[135编辑器]又有单独的背景,如何实现呢?



橙色背景就是我们的全文背景,所以还是先按照全文背景的步骤添加,而[135编辑器]是一个单独的区域样式,所以我们选中它之后在区域样式中去设置背景即可。



“三儿,我按照你的步骤来操作,为啥我的区域背景是铺满的,你的只占了一半”


这是因为三儿调整了区域样式的宽度。



02

“为啥我没有区域样式?”




很简单,因为你没有开启[区域样式]


只需要选中任意样式,在全局样式中[开启区域样式]即可。




03

“加一个”“减一个”有什么用




如果你用滑动样式,想要增删滑动图片的数量那就可以用“加一个”“减一个”


>>>传送门在这里<<<


除了增删滑动样式的图片,它还能做什么呢?


轴线样式的增删、模板里的样式增删,举个例子:


如果我想要增加下图样式的岗位介绍应该怎么做呢?很简单[加一个]即可





04

模板中的图片怎么变成轮播?




不少朋友在用类似ins风格的模板时,想要把放图的部分改成滑动或轮播效果,我们以样式:127662为例



我们在svg编辑器中制作好需要放入图中的效果,三儿这里就以轮播效果为例。


制作完成后 选择导出到135编辑器。



我们选中需要替换的图片,在[区域样式]中找到[区域代码]



在[区域代码]中,找到图片地址也就是<img>标签中的内容。



粘贴代码后就完成了替换。



实际效果如下:


esensg



·





58,386 views
我把你捧在手里,与大海撞个满怀


相信大家已经掌握这些小技巧了,学会了记得去135编辑器中动动手,实操下哦。





END


·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到