如何巧用标签容器控件给网页添加多种标签?

2018年10月01日 标签: 使用指南

mi4

00:00 / 00:00

标签容器的设置和使用

Hi建站为用户提供浮层式、标签式、悬浮容器等容器样式。容器里面不可以放文章控件。

本文介绍容器(标签式、侧边式、折叠式)。

首先,用户可以选择自己需要的样式,拖拽进设计器即可。


标签式

1、设置关联容器样式。
点击一级容器的“设置按钮”,进入关联容器设置页面。用户可以设置二级容器的触发动作、一级容器及二级容器的样式等。

  


2、内容添加。

直接将元素及控件拖拽分别拖拽进一级容器及二级容器并分别编辑即可。编辑完成,点击表单编辑框之外的部分即可退出编辑状态。
选中容器中元素的方式:先点击选中容器,再点击元素进行修改。

用户可以通过对拖拽进来的元素进行附着与分离操作。


  


3、添加衍生容器。

添加衍生关联容器。选择添加图标即可添加一个完全相同的关联容器(一级容器和二级容器同时被复制)。添加之后,可进行修改和设置,方式同被复制的关联容器设置相同。
用户可添加多个衍生关联容器。
需要注意的是:多个关联容器二级容器触发的动画效果只能设置为同一种。


  

 


4、发布样式。


标签式管理容器发布之后呈现的样式将完全与编辑器最后保存的万全状态一致。
如,最后编辑器中二级容器隐藏,则发布之后,网页需要点击或悬浮一级容器至上才会显示二级容器的内容。
如,最后编辑器中呈现的不是第一个一级关联容器,则网站发布之后,也是在页面上显示相应的关联容器。

侧边式

1、设置容器样式。
背景颜色、边框等设置:可以分别对默认、悬停、选中进行样式设置。
动画效果设置:可以设置展开样式(平行定位、顶点定位)、触发条件、动画。

 

2、内容编辑。


(1)分别将所需元素及控件拖拽进一级容器及二级容器并编辑即可。


(2)通过切换左边的一级容器,编辑其对应的二级容器。

用户可以通过对拖拽进来的元素进行附着与分离操作。

选中容器中元素的方式:先点击选中容器,再点击元素进行修改。


 


3、增加、删除标题项。通过添加按钮,可以在标题下方添加一个相同的标题模快。通过删除按钮,可以删除选中的模块。
 

 

 


折叠式

1、样式设置(可参考侧边式样式设置)。

背景颜色、边框等设置:可以分别对默认、悬停、选中进行样式设置。

动画效果设置:可以设置展开样式(排列式、切换式)、触发条件、动画。


 


 
 


2、内容编辑(可参考侧边式)。

(1)分别将所需元素及控件拖拽进一级容器及二级容器并编辑即可。
(2)通过切换一级容器,编辑其对应的二级容器。
(3)用户可以通过对拖拽进来的元素进行附着与分离操作。


选中容器中元素的方式:先点击选中容器,再点击元素进行修改。


 


3、增加、删除标题项。通过添加按钮,可以在标题下方添加一个相同的标题模快。通过删除按钮,可以删除选中的模块。

热门新闻

模板推荐

手机 PC |
客服电话 : 010-57490539

扫描关注微信公众号

周一至周五 9:00~18:00

非工作时间,请您QQ留言,我们会及时回复

返回顶部