跳过顶部导航

交互元素和格式选项

按钮样式

为了确保一致的用户体验,在整个页面中使用相同的按钮样式 UHCL.edu网站. 这是通过选择“插入/编辑链接”(链接图标)工具设置的 “按钮”从类下拉列表.

例如按钮


链接样式

超链接以UHCL蓝色显示,并带有40%透明的下划线 100%悬停. 这是所有超链接的通用样式——包括标题 侧边栏内容.

例子链接


手风琴结构

手风琴用于合并众多选择选项或用户路径. 他们减少滚动疲劳,以及帮助组织内容,以简化用户的 经验.

插入: 在所见即所得编辑器工具栏中,单击“插入片段”(拼图图标)并选择 “手风琴”

标题1

内容2

标题2

内容2


选项卡的结构

插入: 在所见即所得编辑器工具栏中,单击“插入片段”(拼图图标)并选择 “标签”

标签1

表1的标题重复作为标题

内容

选项卡2

表2的标题重复作为标题

内容

选项卡3

表3的标题重复作为标题

内容

标签4

表4的标题重复作为标题

内容


报价

这是一段摘自该页面的blockquote.

作者姓名

块引语是一种视觉元素,强调关键的摘录,吸引读者, 并将长文本块分开,为页面提供附加的兴趣.

如果文本与主要内容重复,请确保放置blockquote 远离原始来源.

插入: 突出显示您希望格式化为引号的内容行,并选择“Blockquote” 图标(带引号的图标). 添加这个例子是为了与顶部对齐 点击“blockquote是一种视觉元素”,点击本节的“blockquote是一种视觉元素” 那..."


两栏布局

通过在一个页面上使用两列,用户可以使用更多的内容 需要滚动. 在移动视图中,列将响应较小的屏幕显示并垂直堆叠.

插入: 在所见即所得编辑器工具栏中,单击“插入片段”(拼图图标)并选择 “分开列”

爱是一种永恒的爱,是一种永恒的爱,是一种永恒的爱. Nullam Habemus appellantur vim no. Vel是一种美味的法医,是一种流行的法医. “无主者无主”,“无主者无主”,“无主者无主” ne. 

Ne mel labore delicata erroribus,而他的公社verterem, salutandandaccommodare qui ut. 中庸之道的相似之处,在于威尼斯人的争论,以及富有争议的民事诉讼. 阿萨姆·斯卡沃拉通常在,他的声音相当于爱国者在. In consul officiis vis, cum Vidit periculis no. 在团队中同时感知.


列表样式

插入: 列表样式格式在 所见即所得编辑器工具栏.

无序列表(项目列表)

  • 列数据
  • 列数据
  • 列数据
  • 列数据

订货清单(编号清单)

  1. 列数据
  2. 列数据
  3. 列数据
  4. 列数据

表格应该只在显示表格数据时使用,而不是用作布局 格式选择.

插入: 在所见即所得编辑器工具栏中,单击“插入片段”(拼图图标)并选择 “初始风格表”

在这里写标题
列标题 专栏标题2 专栏标题3 专栏标题4
1栏目标题 乐天派,乐天派,乐天派. 1栏目标题 乐天派,乐天派,乐天派.
4栏目标题 乐天派,乐天派,乐天派. 1栏目标题 乐天派,乐天派,乐天派.

块列表

当显示简短的日期/事件信息时,应该使用块列表格式选项.

插入: 在所见即所得编辑器工具栏中,单击“插入片段”(拼图图标)并选择 “阻止列表小部件”

  • 即将来临的事件
  • 1月1日
    事件名称
  • 2月1日
    事件名称