Table of Contents
图标框在构建网站时非常方便。最常见的用法是用于列出产品或服务功能的部分。在本视频教程中,您将看到自定义此小部件的每个元素的各种选项:图标、标题和说明。这些图标源自 Font Awesome Icons,您可以搜索它们并选择正确的图标。https://www.youtube.com/embed/VoMGDZ3Txpc?feature=oembed
内容选项卡
在内容选项卡中,您可以完全控制小部件的内容。
- 视图– 将图标的视图设置为“默认”、“堆叠”或“框架”。Stacked 带有背景,framed 带有围绕图标的框架。
- 选择图标– 在这里你有一个完整的 Font Awesome 图标集合的列表。
- 标题和描述– 插入图标框小部件的标题和描述。
- 链接到– 插入一个链接,并选择它是否会在新窗口中打开。
- 图标位置– 设置图标在框的左侧、顶部或右侧的位置(在移动视图上它将保持居中)。
- 标题 HTML 标签– 从 H1..H6、Div、Span 或 P 中选择标题标签。
样式选项卡
1. 图标
- 原色– 请注意,如果您选择堆叠或框架图标框,您还将拥有辅助颜色。
- 图标间距– 图标和标题之间的间距。
- 图标大小– 放大和缩小图标的大小。
- 图标旋转– 旋转图标。
2.图标悬停
选择图标悬停的主要颜色和次要颜色。
动画 – 从一长串悬停动画中选择。
3.内容
a.标题
- 对齐 –左、中、右或对齐。
- 垂直对齐– 顶部、中间和按钮。
- 标题间距– 设置标题和描述之间的间距。
- 标题颜色– 更改标题的颜色。
- 排版——在这里我可以自定义标题的排版。
b.描述
- 描述颜色 –更改描述的颜色。
- 排版– 选择自定义以更改排版,就像标题一样。
先进的 #
设置适用于此小部件的高级选项