图标框小部件

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.描述

  • 描述颜色 –更改描述的颜色。
  • 排版– 选择自定义以更改排版,就像标题一样。

先进的 #

设置适用于此小部件的高级选项

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top