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

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

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

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

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

01背景那些事

01.全文背景如何设置?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

实际效果如下:

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

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

END

·

相关推荐