统一修改gcd高程文字样式_135编辑器隐藏样式教程

隐藏样式

ID:95631

【样式介绍】：通过点击屏幕区域，在样式空白部分浮现文字或图片的特殊效果。

【以下样式均可使用本教程进行添加操作】：

ID93879；ID89913；ID88350

【注意事项】：隐藏样式有默认高度，当放置文字或图片超出样式高度时，我们可以选择手动调整高度。

隐藏样式展示

点击下方空白区域查看答案

▼

「手机上看不见我」

---

可插入其他样式内容，高度固定180px，可通过修改代码的方式调整区域高度！

在样式中添加内容

1.添加文字
收藏样式后，在编辑器插入该样式，将样式中【可插入其他样式内容，高度固定180/400px，可通过修改代码的方式调整区域高度！】的文字替换为你需要编辑的内容。

文字“手机上看不见我”也需要替换，填写样式标题或直接删除文字。

内容可以根据上方菜单栏改变字号大小、颜色，排版方式等。以下为替换文字过后的隐藏样式。

2.添加样式

全选样式里的【可插入其他样式内容，高度固定180/400px，可通过修改代码的方式调整区域高度！】文字，删除文字，在样式空白区域插入样式即可。

文字“手机上看不见我”也需要替换，可填写样式标题或直接删除文字。

以下为添加样式后的隐藏样式。

3.添加图片

选中样式里的【可插入其他样式内容，高度固定180/400px，可通过修改代码的方式调整区域高度！】文字，删除后空行，在样式空白区域上传图片即可。

文字“手机上看不见我”也需要替换，可填写样式标题或直接删除文字。

插入进来的图片，我们可以拖拽边框进行放大缩小。以下为添加图片后的隐藏样式。

4.添加图文组合

单文字、图片无法满足你的排版需求时，我们可以在隐藏样式中放置图文组合。

操作方式依然是：全选样式里的【可插入其他样式内容，高度固定180/400px，可通过修改代码的方式调整区域高度！】文字，删除后在样式空白区域依次添加文字、样式、图片即可。以下为修改后的隐藏样式。

如何修改样式高度

当文字较多或图文组合较长的时候，隐藏样式会自动折叠超出样式高度的内容。比如这样：

要让你的内容展示完整，需要我们通过手动调整代码来修改样式。

1.找
点击【HTML】切换到代码模式，找到代码字样“height”，一共需要修改4个数值，即下图红线框选的四处地方。

四处数值从上至下依次是

180px

200

-180px

200

2.改

将180/-180修改成想要的数值，但要保持数值绝对值相等。
比如我们要修改样式高度为300，那么需要将180改为300，-180改成-300。两个200的部分需要改成320，按照绝对数值来计算，需要在原数值的基础上+20(也就是300+20)

再举个例，如果要把高度改成350，那180的部分需要改为350，-180的部分需要改成-350；下面两个200的部分需要改为370。

ps：填写的数值之前尽量先预估一下图文在文章中的高度再进行修改。