135编辑器隐藏样式教程!

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

640?wx_fmt=png


隐藏样式

ID:95631


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


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

ID93879;ID89913;ID88350


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




   隐藏样式展示   



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

手机上看不见我 


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




  如何在样式中添加内容




 1.添加文字 

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


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


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


grey.gif






 2.加样式 


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


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


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


grey.gif





 3.加图片 


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


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


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


grey.gif







4.添加图文组合 


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


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


grey.gif





   如何修改样式高度   
   



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


grey.gif


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




1.找

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


四处数值从上至下依次是


180px

200

-180px

200


grey.gif



2.改

将180/-180修改成想要的数值,但要保持数值绝对值相等。

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


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



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




-福利时间-


推荐一场免费直播:《运营之光》作者黄有璨 11 月 6 日直播,主要和大家分享运营人面对职业困境,该如何突破职业瓶颈。


运营是一个门槛低,但上限高的职位,不断优化职业路径,突破瓶颈至关重要,期待黄老师的干货分享。


grey.gif



点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)

当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。



文章评价
登录后可以评论
立即登录